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

2023年10月15日 209次阅读

我有textarea控件,我正在使用TinyMCE库为这个textarea添加内容编辑功能.

最初加载页面时,textarea将没有任何其他格式控件.但是当用户点击textarea时,应该将tinyMCE控件添加到textarea中.

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

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

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

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

最佳答案 你应该调用$(this).tinymce();只有一次(textarea第一次获得焦点).

第二次得到焦点你应该打电话

tinyMCE.get(editorid).show();

To hide the tinymce并显示你应该打电话的textarea

tinyMCE.get(editorid).hide();

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

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