仅在用户编辑内容时显示 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();（文本区域第一次获得焦点时）。 第二次获得焦点时，您应该调用

tinyMCE.get(editorid).show();

To hide the tinymce 并显示您应该调用的文本区域

tinyMCE.get(editorid).hide();

您可以在父文档获得焦点时调用它。

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