Question

我无法弄明白，如何在点击时显示/隐藏TinyMCE菜单栏。

在div上调用click事件是不可能的，因为它上面有一个iframe。它适用于Tiny设置，但仅适用于编辑器如果你点击菜单栏，它会再次消失。

如果你看到demo：

，我认为你会更好

有什么建议吗？谢谢

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工具栏显示单击并隐藏点击

1 个答案: