CodeMirrorプラグインのfromTextAreaオブジェクトバインドイベント
1130 ワード
仕事中にこのような状況に遭遇し、iframeのjsでCodeMirrorを宣言した.fromTextAreaオブジェクトですが、親htmlでイベントをバインドする必要があるので、後で使用するために記録します.
直接コード:
1.iframeのjsのコード:
2.親htmlでコード:
このように、親htmlではiframeのCodeMirrorオブジェクトを変更イベントにバインドします.
iframeのjsで直接バインドを宣言した場合は、次のようになります.
直接コード:
1.iframeのjsのコード:
//
$("#text").val($.ajax({url:"components/frame.html",async:false}).responseText);
var codeEditor = CodeMirror.fromTextArea($("#text")[0],{ mode:"text/html",lineNumbers:true,tabMode:"indent",lineWrapping:false,height:"100%", width:"100%"});
2.親htmlでコード:
var ObjEditor=$(obj)[0].contentWindow.codeEditor;
//
ObjEditor.setOption('onChange',function(ObjEditor){
editorChange(ObjEditor);
});
このように、親htmlではiframeのCodeMirrorオブジェクトを変更イベントにバインドします.
iframeのjsで直接バインドを宣言した場合は、次のようになります.
//
$("#text").val($.ajax({url:"components/frame.html",async:false}).responseText);
var codeEditor = CodeMirror.fromTextArea($("#text")[0],{ mode:"text/html",lineNumbers:true,tabMode:"indent",lineWrapping:false,height:"100%", width:"100%",onChange:function(n){operator(n);}});