TinyMCE Скрыть планку

Question

Я использую tinymce и хочу скрыть панель инструментов кнопки. Есть ли способ сделать это?

Answer 1

Используя tinyMCE 4, вы можете установить следующее в initt tinymce:

toolbar: false

Вот полный пример инициализации, если вы хотите чистый редактор без опций:

<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

просто, использовать тема: «продвинутый», theme_advanced_statusbar_location: 'none',

Answer 6

В tinymce4, во встроенном режиме я использую просто:

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

Answer 7

мы можем скрыть вырезать, скопировать, вставить в меню:

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'}
  }
});

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

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

будет работать на вас

замените eq (1) на панель инструментов вашего контейнера кнопок, например. э (2), уравнение (3), э (4) ..