• ������ 텍���트��� : ��������� ������ 텍���트, 텍���트��� 폰트, ��������, ������, ������������������ 포������ ������하���������
  
  
• HTML5��� ������텍���트 편������ API��� 표��������� ������한���.
  
• ��������� API : contenteditable������, ������ designMode
  
• ������ 편������ ���������한 ������(div���)��� 편���하��� 하��� ���한 API.
  
  
• contenteditable : ����� ��������� ��������� 편��� ������
  
• designmode : ������ ��������� 편���할 ��� ������
  
  

* contenteditable : ������������ ��������� ������, ""(null), "true" "false"

• "false"��������� ������ ������ ��� 해��� ������ 편���������
  
• contenteditable��� ���태��� ��������������� 편���������한 ������ 하������ ��������� ������ 편���������
  
  

- 편��� ������ -
<div id="deit" contenteditable="true"></div>
<div id="deit" contenteditable></div>

- 편��� ������-
<div id="deit" contenteditable="false"></div>

- 편��� ���태 ���환 -
isContentEditable��� ����� 편��������� ������������ ("true", "false", "inherit"���환)

- ���������크���트��� ������한 편��� ������ ���하��� -
var editor = document.getElementById("editor");
if(editor.isContentEditable)

designMode : document��������� ������ ��������� 하���, 'on' 'off'������ ������
window.document : ����� ���페������ ������ 편���������
iFrame��� contentDocument��� ������ - iFrame������ ������ 편���������

innerHTML : HTML태������ 포함한 ���������
textContent : HTML태��� ������ ������ ������������

- innerHTML -
<div id="editor" contenteditabl></div>
var editor = document.getElementById("editor");
// innerHTML ��������� ������������
alert(editor.innerHTML);

- textConetent -

id="editor"
src="about:blank"
width="300" height="200"
onload="this.contentDocument.designMode = 'on'>

</iframe>
var editor= document.getElementById("editor");
// textContent ��������� ������������
alert(editor.contentDocument.body.textContent);

• window��� document��������� ������ getSelection()������������ ������하��� Selection형 ������ ������
  

- selection ������ ������ -

• ���택 ��������� DOM��������� ��������� API
  
  • anchorNode : ���택��� ������한 ��������� ������ ��������� DOM������ ���������
    
  • anchorOffset : anchorNode ��������� ���택��� ������한 ��������� �������� ���환
    
  • focusNode : ���택��� ������한 ��������� ������ ��������� DOM������ ���������
    
  • focusOffset : focusNode ��������� ���택��� ������한 ��������� �������� ���������
    
    
• ������ ������ ������
  
  • collapse(parentNode, offset) : ������한 ������(parrentNode)������ ������한 ������(offset)������ ��������� ���������킨���
    
  • collapseToStart() : ����� 텍���트��� ��� ��������� ��������� ���������킴
    
  • collapseToEnd() : ���택��� 텍���트��� ��� ������ ��������� ���������킴
    
  • isCollapsed() : 텍���트��� ���택������ ������������ ��������� ������ ��� true���환
    
    
• Selection ��������� toString������하��� ���택한 ��������� ���������(HTML������)���������
  

- ���택��� ��������� ������ -
alert(window.getSelection().toString());

• ������한 ������ ������ ������ undoManager��� ������(��������� ������) ������히 ������
  
• DOM��������� ��������������� ���행 ������ ������ ���편 ������
  
  

- undoManager��� ������ ������하��� ������ -
undoManager.add({
}, "������������");

- ���행 ������ -
window.addEventListener("undo", function(event) {
}, false);

<������ ������트>
http://www.quirksmode.org/dom/execCommand/
<���������>
http://cafe.naver.com/webappdev.cafe?iframe_url=/ArticleRead.nhn?articleid=91