javascript - 使用tinyMCE时,有没有办法从编辑器实例获取对工具栏的引用?

标签 javascript tinymce tinymce-4

我正在使用tinymce,内联模式,在某些情况下,我需要能够使用javascript显示/隐藏事件编辑器的工具栏。 它应该是这样的:

tinymce.activeEditor.getToolbar() // getToolbar doesn't exist

只是给定了一个编辑器实例,我找不到任何方法来获取对其工具栏的引用。

另请注意,页面上可能有多个工具栏,但在任何给定时间仅显示一个。

工具栏初始化如下:

     tinymce.init({
                selector: "#" + id,

                menubar: false,
                inline: true,
                theme: "modern",
                oninit: "setPlainText"
                ...

谢谢。

最佳答案

有一个discussion about this on the TinyMCE forum 。它建议:

...
    setup: function (theEditor) {
        theEditor.on('focus', function () {
            $(this.contentAreaContainer.parentElement).find("div.mce-toolbar-grp").show();
        });
        theEditor.on('blur', function () {
            $(this.contentAreaContainer.parentElement).find("div.mce-toolbar-grp").hide();
        });
        theEditor.on("init", function() {
            $(this.contentAreaContainer.parentElement).find("div.mce-toolbar-grp").hide();
        });
    }
...

关于javascript - 使用tinyMCE时,有没有办法从编辑器实例获取对工具栏的引用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30826797/

相关文章:

javascript - 在 Javascript 中获取 Devexpress Gridview 排序依据和排序顺序

python - Google App Engine - 创建文档编辑器/进入 Google 文档?

css - 帮助tinymce设置不同的颜色值

javascript - 在tinymce 4中裁剪后上传图片

javascript - 防止 scrollTop 调用滚动事件

php - 如何在 CI 中单击相同的 <a> 标记时在两种方法执行之间切换

javascript - 如何将 JSON 对象中的文本字符串延续到另一行?

css - 我可以使用 TinyMCE 格式配置为给定对齐的不同元素设置不同的类吗?

javascript - tinymce,自动给内容添加style属性

javascript - TinyMCE 只允许具有特定类的元素