仅在用户编辑内容时显示TinyMCE控件

Question

我有textarea控件，我正在使用TinyMCE库为此textarea添加内容编辑功能。

最初加载页面时， textarea 将不会有任何其他格式控件。但是当用户点击 textarea 时，应将tinyMCE控件添加到textarea。

我能够使用这个JQuery代码实现这一点：

$("textarea").focus(function(){
  $(this).tinymce();
});

但是当我想在用户移出文本框时隐藏控件时问题就开始了。我无法找到将blur事件处理程序与此textarea相关联的方法，因为tinyMCE将我的textarea替换为iframe和内部格式化的内容。

是否只有在用户编辑内容时显示tinyMCE控件并在用户离开编辑区时隐藏它们？

Answer 1

你应该只调用$(this).tinymce();一次（textarea第一次获得焦点）。 第二次获得焦点时，你应该调用

tinyMCE.get(editorid).show();

To hide the tinymce并显示你应该致电的文本区域

tinyMCE.get(editorid).hide();

您可以在父文档获得焦点时调用此方法。

$(document).focus(function(){
  tinyMCE.get(editorid).hide();
});