HTML 또는 CSS(CSS 스타일시트)에 대한 지식이 거의 또는 전혀 없는 상태에서 레이아웃을 만들고, 구성 요소(예: 컨테이너, 이미지, 비디오 및 링크)를 추가하고, 구성 요소의 설정을 조정할 수 있습니다. 서식 있는 컨텐츠 편집기를 사용하면 IT 또는 기술 사용자의 도움 없이 기술 전문가가 아닌 사용자가 페이지 섹션을 작성할 수 있습니다.

Rich Content Editor는 구성요소 라이브러리와 드래그 앤 드롭 방법을 사용하여 컨텐츠를 생성하는 캔버스 영역을 제공합니다. 구성요소는 개별적으로 편집할 수 있으며 대상에게 컨텐츠를 제공하기 전에 데스크톱, 태블릿 또는 모바일 장치에서 생성 중인 내용을 미리 볼 수 있습니다.

리치 컨텐츠 편집기 인터페이스

인터페이스 기능에 대해 알아봅니다.

1. 메뉴 모음 창 상단에는 메뉴 모음이 있습니다. 메뉴 모음 아이콘의 왼쪽에서 캔버스 크기를 데스크톱, 태블릿 또는 모바일로 변경합니다. 주: 세 가지 플랫폼 모두에 대한 콘텐츠를 만들 때 최상의 결과를 얻으려면 먼저 데스크톱용 콘텐츠를 만든 다음 태블릿 및 모바일용 콘텐츠를 만드십시오. 메뉴 모음의 오른쪽에는 5개의 아이콘이 있습니다. 구성 요소 보기: 캔버스의 기본 보기에는 편집기 모드에서 캔버스에 놓은 구성 요소가 표시됩니다. 이 뷰는 구성요소의 모든 측면을 표시하여 컨텐츠를 빌드하는 데 도움이 됩니다. 편집 모드를 끄고 컨텐츠를 미리 보려면 이 아이콘을 선택합니다. 실행 취소: 마지막으로 변경한 내용을 되돌립니다. 다시 실행: 원래 데이터로 다시 변경하기 위해 수행한 마지막 실행 취소를 원상복구합니다. 캔버스 지우기: 캔버스에서 모든 요소를 제거합니다. 캔버스에 대한 코드 편집: 코드를 수정할 수 있는 HTML 및 CSS 소스 코드를 엽니다. 주: 이 아이콘이 표시되지 않으면 관리자에게 코드 편집 속성을 사용하도록 요청하십시오. Content Publishing과 함께 설치되는 속성 문서를 참조하십시오. 2. 캔버스 캔버스는 서식 있는 콘텐츠를 만드는 작업 영역입니다. 여기에서 모듈과 구성 요소를 추가, 복사 및 삭제할 수 있습니다. 3. 모듈 모듈은 헤더, 단락 텍스트 및 이미지를 포함하는 미리 정의된 컨텐츠 레이아웃입니다. 세로 카드 3개, 가로 카드 3개로 구성된 레이아웃 또는 텍스트 블록 오른쪽에 이미지가 배치된 나란히 구성으로 구성된 레이아웃 중에서 선택할 수 있습니다 4. 구성 요소 구성요소는 열, 탭, 구분선, 텍스트 상자, 링크 및 버튼을 포함하는 서식 있는 컨텐츠의 구성 요소입니다. 5. 버튼 캔버스의 오른쪽 하단에는 3개의 버튼이 있습니다. 취소: 저장하기 전에 변경한 내용을 삭제합니다. 저장: 변경 사항을 저장하고 작업 중인 캔버스가 계속 표시됩니다. 저장 후 완료: 작업을 저장하고 컨텐츠를 미리 보고, 예약하고, 게시할 수 있는 컨텐츠 양식으로 돌아갑니다.

6. 툴바 캔버스에 놓는 모든 구성 요소에는 연결된 도구 모음이 있습니다. 도구 모음을 사용하면 포커스를 상위 구성 요소로 이동하거나, 구성 요소를 끌어서 이동하거나, 구성 요소를 복사하거나, 구성 요소를 삭제하거나, 코드를 수정할 수 있는 구성 요소의 HTML 및 CSS 소스 코드를 열 수 있습니다. 주: 코드 편집 아이콘이 표시되지 않으면 관리자에게 코드 편집 속성을 사용하도록 요청하십시오. Content Publishing과 함께 설치되는 속성 문서를 참조하십시오. 레이블이 표시됩니다. 7. 설정 구성 요소를 캔버스에 놓은 후 Settings 탭을 사용하여 미세 조정할 수 있습니다. Settings(설정) 필드는 캔버스에 놓는 구성요소에 따라 달라집니다. 8. 스타일링 설정 탭 아래에 있는 스타일은 블록을 추가로 정의하는 데 도움이 됩니다. 고급 스타일 구성요소를 편집하고 정의하는 데 도움이 되는 설정 탭 아래에도 있습니다. 9. 재산 또한 Settings(설정)에서 Properties(속성)를 사용하여 블록을 추가로 정의합니다.

서식 있는 컨텐츠 편집기 사용