TinyMCE 工具栏在点击时显示，在点击时隐藏

Question

我不知道如何 show/hide 点击 TinyMCE 菜单栏。

无法调用div的点击事件，因为上面有iframe。它适用于 Tiny 设置，但仅适用于编辑器。
如果您单击菜单栏，它会再次消失。

我想你会更好，如果你看到演示：

有什么建议吗？谢谢

HTML

<textarea>Test</textarea>

jQuery

$(function() {

  $(window).click(function() {
    $(".mce-toolbar-grp").hide();
  });

  $(".mce-toolbar-grp").click(function(e) {
    e.stopPropagation();
  });

  tinymce.init({
    selector: 'textarea',
    menubar: false,
    init_instance_callback: function(ed) {
      $($(this)[0]["editorContainer"]).find(".mce-toolbar-grp").hide();
    },
    setup: function(ed) {
      ed.on("click", function() {
        $(".mce-toolbar-grp").show();
      });
    }
  });
});

https://jsfiddle.net/oy5bqtmh/3/

Answer 1

您所描述的实际上是 TinyMCE 已经提供的内联编辑模式：

https://www.tinymce.com/docs/demo/inline/

您是否有不想使用内联编辑的原因？

TinyMCE 工具栏在点击时显示，在点击时隐藏

TinyMCE toolbar show on click and hide on click-out

jquery

tinymce

click

menubar