TinyMCE 4.0,在初始化时删除按钮

时间:2014-06-20 14:15:02

标签: tinymce-4

我有一套WYSIWYG编辑器,这些编辑器都是根据需要通过TinyMCE初始化的。

在以前版本的TinyMCE中,我可以通过指定按钮theme_advanced_buttons1,theme_advanced_buttons2等轻松删除按钮。但是自从最新发布的TinyMCE 4.0以来,它似乎已经不再适用了。

我正在运行现代主题,所以也许theme_advanced_buttons1不适用于现代主题?我已经尝试过theme_modern_buttons1,但是没有用。

我认为最新版本可能已经改变了,因为有一个新的工具栏,其中包含“文件,编辑,插入...”等选项。

任何人都知道如何在初始化时隐藏按钮?下面是我正在尝试的代码:

```

    // initialize tinyMCE editor on our movie description text area
    function initialize_movie_descriptions() {
        $('.movie_description_editor').each(function() {
            var id = $(this).attr('id');
            tinyMCE.init({
              mode : "exact",
              elements : id,
              theme : "modern",
              plugins: "wordpress,wplink, paste",
              theme_advanced_buttons1: "",
              theme_advanced_buttons2 : "",
              theme_advanced_buttons3: "",
              theme_advanced_resizing : true,
              paste_auto_cleanup_on_paste : true,
                paste_preprocess : function(pl, o) {
                    o.content = o.content;
                },
                paste_postprocess : function(pl, o) {
                    o.node.innerHTML = o.node.innerHTML;
                }
           });       
        });
    }
    initialize_movie_descriptions();

```

修改的 显然,将行plugins: "wordpress,wplink, paste",更改为plugins: "",似乎已删除了第一个工具栏中的“插入”菜单项。我猜是因为它现在没有加载任何插件??

3 个答案:

答案 0 :(得分:2)

如果您不想要所有按钮,但保留一些必须保留插件的功能。只需在工具栏中添加所需的按钮即可。与菜单相同:

tinymce
        .init({
            ...
            plugins : [code fullscreen save table contextmenu paste textcolor" ],
            //buttons you want to show, else set "toolbar:false"
            toolbar : "insertfile undo redo | styleselect",
            ...
            menu : {
                ...
                edit : {
                    //menu edit
                    title : 'Edit',
                    //items of menu edit
                    items : 'undo redo | cut copy paste pastetext | selectall'
                },
            ...
});

您可以在这里找到tinyMCE中配置的插件列表:http://www.tinymce.com/wiki.php/Plugins

答案 1 :(得分:0)

将Wordpress更新到4.0版后,我遇到了同样的问题。我在wiki-advanced-page of TinyMCE找到了解决方案。在TinyMCE 4中,“theme_advanced_buttons”被“toolbar”替换。你可能也想隐藏“菜单栏”,见下面的例子:

tinyMCE.init({
    mode: "exact", // not needed
    theme: "modern", // default - not needed. Only theme available in WP 4.0
    height: height, // e.g. 100
    menubar : false, // you probably don't want to show the [file] etc bar
    block_formats: "Paragraph=p;Header 1=h1;Header 2=h2;Header 3=h3;Header 4=h4;Header 5=h5;Header 6=h6",
    toolbar : "formatselect,bold,italic,underline,removeformat", //choose buttons in bar
});

答案 2 :(得分:0)

有一种快速删除所有内容的方法:使用CSS。也许它不是最好的,但速度更快:

#mceu_15, #mceu_17, #mceu_18 {
display:none; }

那些#mceu数字是我想要隐藏的图标(由恼人的插件添加;)

注意:您必须在your_theme / admin.css

上添加此css

如果它在主题函数中没有工作外观/添加:

function admin_style() {  wp_enqueue_style('admin-styles', get_template_directory_uri().'/admin.css');} add_action('admin_enqueue_scripts', 'admin_style');