CodeMirrorプラグインのfromTextAreaオブジェクトバインドイベント

1130 ワード

仕事中にこのような状況に遭遇し、iframeのjsでCodeMirrorを宣言した.fromTextAreaオブジェクトですが、親htmlでイベントをバインドする必要があるので、後で使用するために記録します.
直接コード:
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);}});