HTML 구문 편집기

  • 릴리스 버전: Zurich
  • 업데이트 날짜 2025년 07월 31일
  • 소요 시간: 2분
  • HTML 구문 편집기는 HTML 및 Jelly 스크립트 편집을 지원하고 페이지가 표시될 때 렌더링되는 내용을 정의합니다. HTML 구문 편집기에는 정적 XHTML 또는 Jelly로 정의된 동적으로 생성된 콘텐츠가 포함될 수 있으며 스크립트 포함 및 UI 매크로를 호출할 수 있습니다.

    구문 편집기에는 다음과 같은 기능이 있습니다.
    • HTML 및 Jelly 스크립트 지원
    • HTML 및 Jelly 구문 색상 적용, 들여쓰기, 줄 번호, 닫는 중괄호 및 따옴표 자동 생성
    • HTML 및 Jelly 태그에 대한 자동 제안
    • 일반 코드 바로 가기에 대한 스크립트 매크로
    그림 1. HTML 구문 편집기
    HTML 및 Jelly 스크립트용 구문 편집기입니다.
    표 1. HTML 및 Jelly 편집 기능
    아이콘 키보드 단축키 이름 설명
    구문 편집기 전환 아이콘 해당 사항 없음 구문 편집기 전환 구문 편집기를 비활성화합니다. 구문 편집기 전환 아이콘( 구문 편집기 전환 아이콘)을 다시 클릭하여 구문 편집기를 사용하도록 설정합니다.
    설명 아이콘 전환 Cmd+/ 의견 전환 선택한 코드에 주석을 추가합니다.
    바꾸기 아이콘 Cmd+E 교체 스크립트 필드에 있는 텍스트 문자열의 다음 항목을 바꿉니다.
    1. 바꾸기 아이콘( 바꾸기 아이콘)을 클릭한 다음 바꿀 문자열을 입력하고 Enter 키를 누릅니다. 슬래시로 묶인 정규 표현식을 사용하여 바꿀 문자열을 정의할 수 있습니다. 예를 들어, /a{3}/ 라는 용어는 aaa를 찾습니다.
    2. 대체 문자열을 입력하고 Enter 키를 누릅니다.
    모두 바꾸기 아이콘 CMD 모두 바꾸기 스크립트 필드에 있는 모든 텍스트 문자열을 바꿉니다.
    1. 모두 바꾸기 아이콘( 모두 바꾸기 아이콘)을 클릭한 다음 바꿀 문자열을 입력하고 Enter 키를 누릅니다. 슬래시로 묶인 정규 표현식을 사용하여 바꿀 문자열을 정의할 수 있습니다. 예를 들어, /a{3}/ 라는 용어는 aaa를 찾습니다.
    2. 대체 문자열을 입력하고 Enter 키를 누릅니다.
    검색 시작 아이콘 Cmd+F 검색 시작 스크립트 필드에서 검색어의 모든 항목을 강조 표시하고 첫 번째 항목을 찾습니다. 검색 시작 아이콘( 검색 시작 아이콘)을 클릭한 다음 검색어를 입력하고 Enter 키를 누릅니다.
    다음 찾기 아이콘 Cmd+G 다음 찾기 스크립트 필드에서 현재 검색어의 다음 항목을 찾습니다. 검색 시작 아이콘( 검색 시작 아이콘)을 클릭하여 현재 검색어를 변경합니다.
    이전 찾기 아이콘 Cmd+Shift+G 이전 찾기 스크립트 필드에서 현재 검색어의 이전 항목을 찾습니다. 검색 시작 아이콘( 검색 시작 아이콘)을 클릭하여 현재 검색어를 변경합니다.
    전체 화면 전환 아이콘 Ctrl+M 전체 화면 전환 보다 쉽게 편집할 수 있도록 스크립트 필드를 확장하여 전체 양식 뷰를 사용합니다. 전체 화면 전환 아이콘( 전체 화면 전환 아이콘)을 다시 클릭하여 표준 양식 뷰로 돌아갑니다. 에 대해 Internet Explorer이 기능을 사용할 수 없습니다.
    도움말 아이콘 Cmd+H 도움말 키보드 단축키 도움말 화면을 표시합니다.
    저장 아이콘 해당 사항 없음 저장 현재 뷰에서 벗어나지 않고 변경 내용을 저장합니다. 전체 화면 모드에서 저장 아이콘( Save 아이콘)을 클릭하여 표준 폼 뷰로 돌아가지 않고 저장합니다.

    편집 팁

    • 코드의 아무 곳에나 고정 공백을 삽입하려면 Tab 키를 누릅니다.
    • 코드를 한 줄 들여쓰려면 줄의 선행 공백을 클릭한 다음 Tab 키를 누릅니다.
    • 코드를 한 줄 이상 들여쓰려면 코드를 선택한 다음 Tab 키를 누릅니다. 들여쓰기를 줄이려면 Shift+Tab을 누릅니다.
    • 코드 줄의 시작부에서 탭 하나를 제거하려면 줄을 클릭하고 Shift+Tab을 누릅니다.