TinyMCE隐藏栏

Question

我使用tinymce，我想隐藏按钮工具栏。有没有办法做到这一点？

Answer 1

使用tinyMCE 4，您可以在tinymce init中设置以下内容：

toolbar: false

如果您想要一个没有选项的干净编辑器，这是一个完整的init示例：

<script type="text/javascript">
    tinymce.init({
        menubar: false,
        statusbar: false,
        toolbar: false
    });
</script>

Answer 2

有一个插件可以通过编辑器外部的链接或工具栏本身来执行此操作。

http://www.neele.name/pdw_toggle_toolbars/

下载并解压缩到/ tiny_mce / plugins /文件夹

然后添加：

 $('textarea.tinymce').tinymce({
    plugins : "pdw,your other plugins ... "
    // All of your other configurations
    theme_advanced_buttons1 : "pdw_toggle,bold,italic,underline and the rest...
    // Add PDW
    pdw_toggle_on : 1,
    pdw_toggle_toolbars : "2,3,4"
 }

Answer 3

如果ed是对您的tinymce编辑器实例的引用，您可以使用以下jQuery代码段来隐藏工具栏：

$('#'+ed.id+'_toolbargroup').parent().css('display','none');

使用

$('#'+ed.id+'_toolbargroup').parent().css('display','block')

将其取回;

Answer 4

快速而肮脏的修复只是通过CSS隐藏它

#my_textarea_id_tbl tr.mceFirst { display:none; }

如果出于视觉原因这可能就足够了。

Answer 5

在tinymce4，内联模式中，我简单地使用：

tinymce.EditorManager.activeEditor.getElement().blur();

Answer 6

简单，使用     主题：'先进'，     theme_advanced_statusbar_location：'none'，

Answer 7

$(".mceToolbar:eq(1)").hide();

将为您效劳

将eq（1）替换为您的按钮容器工具栏，例如当量（2），式（3），方程（4）..

Answer 8

如果您对树DOM进行检查，您会发现：

<a id="tinyelement_external_close" href="javascript:;" class="mceExternalClose"></a>

因此，添加Jquery指令以使内部HTML如下所示

$('a#tinyelement_external_close').html('Close')

你将拥有：

<a id="tinyelement_external_close" href="javascript:;" class="mceExternalClose">Close</a>

刷新页面，找到工具栏右上角的close链接。 点击它 。工具栏变得隐藏。

Answer 9

我们可以隐藏剪切，复制，粘贴菜单：

tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  menu: {
    file: {title: 'File', items: 'newdocument'},
    edit: {title: 'Edit', items: 'undo redo | selectall'}, // | cut copy paste pastetext we can remove it because it won't work
    insert: {title: 'Insert', items: 'link media | template hr'},
    view: {title: 'View', items: 'visualaid'},
    format: {title: 'Format', items: 'bold italic underline strikethrough superscript subscript | formats | removeformat'},
    table: {title: 'Table', items: 'inserttable tableprops deletetable | cell row column'},
    tools: {title: 'Tools', items: 'spellchecker code'}
  }
});