extjs 텍스트 영역에서 선택된 html을 얻는 방법

Question

텍스트 영역이있는 extjs htmleditor가 있습니다. 나는 selet html 값을 얻고 싶다.

피들 위치 : http://jsfiddle.net/DCGRg/76/ - 무언가를 입력하고 스타일을 추가 한 다음 오른쪽 툴바에서 콤보 상자를 클릭하여 이벤트를 트리거 할 수 있습니다.

내가 그런 코드를보고하지만, 그냥 텍스트가 점점 html로 나를 점점 아니에요 :

content = selection.extractContents(); 
     //create span and wrap it around selection 
     fontEl = document.createElement("span") 
     fontEl.appendChild(content); 
     text = fontEl.innerHTML 

질문 : 어떻게 텍스트 영역에서 HTML을 얻는 방법?

Answer 1

InnerHTML은 하위 내용 만 반환하며, outerHTML은 현재 참고 사항과 함께 반환됩니다. 예를 들어 => innerHTML을 => 샘플 텍스트
"샘플 텍스트"를 사용하여

"샘플 텍스트"=> 사용 outterHTML => < SPAN> 샘플 텍스트 </SPAN>

나는 변경하여 다음과 같이 innerHTML을 outerHTML로 작성하십시오. sample

text = fontEl.outerHTML;