tinyMCE模糊事件

你好，当用户在tinyMCE textarea中写完并点击外面的某个地方（onBlur）时，我想做一些事情。 到目前为止，我试过：

$('#id_topic_text_parent').live('blur',function(){ alert('asd') //I saw #id_topic_text_parent in firebug, it is span containing the tiny mce }); 

也

 $('#id_topic_title').blur(*and*)live('blur... tinyMCE.activeEditor.blur(*and*)live('blur... 

但它不会工作。
你能帮我吗

Answer 1

根据http://www.tinymce.com/wiki.php/api4:event.tinymce.Editor.blur

这对我有用

 setup : function(ed) { ed.on('blur', function(e) { alert('blur'); }); }, 

Answer 2

您可以使用此方法来解决您的问题。 初始化tinymce时，将setup参数设置为以下内容（在tinyMCE.init({...})

 ... theme: "advanced", // example param plugins = 'code', // example param setup : function(ed) { ed.onInit.add(function(ed, evt) { var dom = ed.dom; var doc = ed.getDoc(); tinymce.dom.Event.add(doc, 'blur', function(e) { // Do something when the editor window is blured. alert('blur!!!'); }); }); }, cleanup: true, // example param ... 

Answer 3

请用

 function myCustomOnChangeHandler(inst) { alert("Some one modified something"); alert("The HTML is now:" + inst.getBody().innerHTML); } tinyMCE.init({ ... onchange_callback : "myCustomOnChangeHandler" }); 

参考： http ：//www.tinymce.com/wiki.php/Configuration: onchange_callback

一旦用户“模糊”该区域，就会调用此函数;

Answer 4

我用它来关闭外部工具栏上的模糊，它似乎工作（此刻仅在FF上测试）

 function showHideBar(sho,aid) { // aid=id not used if(sho) { $( ".mceToolbar,.mceExternalClose" ).show(); } else { $( ".mceToolbar,.mceExternalClose" ).hide(); } } tinyMCE.init({ // .... theme_advanced_toolbar_location: "external", resize : true, setup : function(ed) { ed.onInit.add(function(ed, event) { $(ed.getBody()).blur(function() { // alert("blur"); showHideBar(false,ed.id); }); $(ed.getBody()).focus(function() { // alert("focus"); showHideBar(true,ed.id); }); }); }, // .... } 

Answer 5

编辑：

 $('#id_topic_text_parent textarea').live('blur', function() { alert('asd'); }); 

你可以发布#id_topic_text_parent范围的html吗？

$（’＃id_topic_text_parent’）。find（’textarea’）。blur（function（）{alert（’asd’）;}）;