wysiwyg 편집기의 html 요소에 onclick 이벤트 추가

Question

bootstrap-wysihtml5 편집기를 사용하고 있습니다. 그리고 모든 입력 요소에 onclick 이벤트를 추가하고 싶습니다. 스크립트를 iframe에 추가하려고했습니다. 이 작동하지 않습니다 편집기에 클릭 이벤트를 포함시키는 쉬운 방법이 있습니까?

도와주세요.

Answer 1

편집기의 "포커스"및 "흐림"이벤트를 추가하여이 문제를 해결했습니다.

Answer 2

사용자 정의 파서 규칙을 추가하여 요소의 기본 이벤트 처리기를 설정하고 편집기의 생성자에 연결할 수 있습니다.

간단한 예 :

<div id="toolbar" style="display: none;"> 
    <a data-wysihtml5-action="change_view">switch to html view</a> 
</div> 
<textarea id="textarea" placeholder="Enter text ..."></textarea> 

<script src="../parser_rules/simple.js"></script> 
<script src="../dist/wysihtml5-0.4.0pre.js"></script> 
<script> 
    wysihtml5ParserRules.tags.button = { 
    set_attributes: { 
     onclick: "console.log('You clicked a button.')" 
    } 
    } 

    var editor = new wysihtml5.Editor("textarea", { 
    parserRules: wysihtml5ParserRules 
    }); 
</script>