2012-07-18 5 views
1

execCommand()를 사용하여 처음부터 WYSIWYG 편집기를 만들고 있습니다. 을 선택한 텍스트가 없을 때 서식 단추 (맞춤, 굵게, 기울임 꼴, 밑줄, 색, 크기, 가족 등)를 비활성화하려고합니다.클라이언트가 execCommand()로 텍스트를 BOLD 할 수 있는지 검색하는 방법

IFRAME 내부에 문서 코드가 있고 IFRAME 외부에 단추/스크립트가 있습니다. iframe의 document contentEditable을 만들고 designMode를 on으로 설정했습니다.

텍스트를 선택했는지 정확히 알 수 있습니까?

가능하다면 사용자가 커서를 텍스트 정렬을 위해 DIV 요소의 어느 위치에 놓았는지 어떻게 알 수 있습니까? 나는 커서가 이미 굵게 표시된 텍스트 나 유사한 텍스트 안에 있는지를 알아 내기 위해 이것을 사용할 수있을 것이라고 확신한다.

<iframe src="/builder/ajax/load?id=1"></iframe> 
<script type="text/javascript"> 
    function init() { 
    // editor is defined in another script as the iframe.contentWindow.document 
    editor.body.contentEditable = "true"; 
    editor.body.designMode = "on"; 
    } 
</script> 

답변