온라인 리치 텍스트 편집기
Online rich-text editor
온라인 리치 텍스트 편집기는 웹 브라우저에서 리치 텍스트를 편집하기 위한 인터페이스로 사용자에게 "What-You-Is-What-Get"(WYSIWYG) 편집 영역을 제공한다.목적은 포맷을 유효한 HTML 마크업으로 직접 표현하려는 사용자의 노력을 줄이는 것이다.
매우 초기 브라우저에서 풍부한 텍스트를 표시할 수 있었지만, 사용자 데이터 입력은 하나의 글꼴과 스타일을 가진 텍스트 상자로 제한되었다(이행된 텍스트 상자는<textarea>HTML 요소).사용자가 커서를 사용하여 문서의 포맷된 부분을 편집할 수 있는 특수 "디자인 모드"를 추가한 것은 Internet Explorer가 처음이다.Mozilla는 버전 1.3에서 그 뒤를 [1]따랐고, 대부분의 주요 브라우저들은 현재 이 비공식 표준을 어떤 용량으로 구현하고 있다.[2]
온라인 리치 텍스트 편집기를 구현하는 데 필요한 기술 역량은 HTML4용 W3C 규격에서 다루지 않았다. 그럼에도 불구하고 Gmail이나 WordPress와 같은 인기 있는 서비스들은 리치 텍스트 편집에 그들의 주요 사용자 인터페이스로서 의존해왔다.HTML5를 사용하여 "contentEditable"이라는 DOM 속성에 대해 일부 표준화가 이루어졌는데, 이는 Internet Explorer의 원래 확장자와 유사하다.[3]많은 온라인 오피스 제품군은 온라인 텍스트 편집과 포맷 기능을 제공하는 경향이 있다.
접근하다
대부분의 온라인 리치 텍스트 편집자는 내용 영역에 iframe 요소를 사용한다.이렇게 하면 편집자 내부의 내용은 다른 문서에 있기 때문에 페이지의 나머지 부분과 분리된다.이 분리의 이점은 사용자가 콘텐츠가 게시될 때(예: 공용 영역) 사용자가 기대하는 콘텐츠 스타일을 유지하면서 사이트의 어느 곳이나(예: 관리 영역) 편집기를 사용할 수 있다는 것이다.
일부 편집자는 내용 영역에 div 요소를 사용한다.이렇게 하면 편집자 내용은 동일한 문서에 있기 때문에 페이지의 나머지 내용과 동일한 스타일을 이어받는다.이 접근방식은 사용자가 페이지의 전체 레이아웃을 보존하면서 "인플레이스" 콘텐츠를 편집해야 할 때 주로 사용된다.그러한 "인플레이스" 편집기의 예는 DotNetNuke CMS이다.
구현
인라인 편집기는 콘텐츠를 다른 요소 내부에 배치하지 않고도 직접 편집할 수 있기 때문에 일반 편집기와는 자주 다르다.`contenteditable`기여하다이러한 편집자에는 Aloha Editor, CCEditor, SnapEditor 및 TinyMCE가 포함된다.[4]스타일 충돌을 피하기 위해 iframe을 사용하는 편집자에는 CKEditor, Dijit Editor 및 TinyMCE가 포함된다.
참고 항목
참조
- ^ "Rich-Text Editing in Mozilla". developer.mozilla.org.
- ^ "RE: HTML Action Item 54 - ...draft text for HTML 5 spec to require producers/authors to include @alt on img elements. from Frederico Caldeira Knabben on 2008-05-14 (public-html@w3.org from May 2008)". Lists.w3.org. Retrieved 2010-09-23.
- ^ "7 User interaction — HTML5". W3.org. Retrieved 2010-09-23.
- ^ "TinyMCE Editor Appearance". www.tinymce.com. Retrieved 2016-07-05.
