javascript – 如何使tinymce 4工具栏外部并始终可见?

前端之家收集整理的这篇文章主要介绍了javascript – 如何使tinymce 4工具栏外部并始终可见?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这个设置为tinyMCE:
tinymceOptions = {
  inline: true,resize: false,plugins: "textcolor",selector: "div.editing",toolbar: "forecolor backcolor",fixed_toolbar_container: ".my-toolbar"
}

而且它应该是我应该的,但不能满足我的需要,我想要的是一个固定的外部工具栏,用于多个编辑器实例,当焦点丢失(模糊事件)不会消失,而不是这种设置的情况.

注意:

删除内联:true没有效果

解决方法

我在寻找同样的事情在这里.我在TinyMCE论坛上发现了一个有点黑客的方法,目前正在寻找一个更好的方法.

在发生模糊事件之后抛出错误,可以防止TinyMCE的清理删除编辑器.

tinymce.init({
    menubar: false,plugins: "advlist autolink lists link image charmap print preview anchor searchreplace visualblocks code fullscreen insertdatetime media textcolor table contextmenu paste wordcount",toolbar: [
    "undo redo removeformat searchreplace code","styleselect fontsizeselect forecolor","bold italic underline strikethrough superscript subscript","alignleft aligncenter alignright alignjustify | outdent indent blockquote","bullist numlist table | link image media"
    ],selector: '.selected .inline-preview',inline: true,autofocus: true,fixed_toolbar_container: 'section[data-sidebar-text-controls] > div',init_instance_callback: function () {
        tinymce.activeEditor.focus();
    },setup: function (editor) {
        editor.on('blur',function () {
            throw new Error('tiny mce hack workaround');
        });
    }
});

猜你在找的JavaScript相关文章