TinyMCE Nascondi la barra

Question

Io uso tinymce e voglio nascondere la barra degli strumenti dei pulsanti. C'è un modo per farlo?

Answer 1

C'è un plugin che farà questo sia da un collegamento al di fuori dell'editor o dalla barra stessa.

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

Scaricare ed estrarre al vostro/tiny_mce/plugins/cartella

Quindi aggiungere:

$('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 2

Una soluzione rapida e sporca sarebbe per nascondere semplicemente attraverso i CSS

#my_textarea_id_tbl tr.mceFirst { display:none; } 

Se è solo per motivi visivi questo potrebbe essere enoug h.

Answer 3

Se ed è un riferimento all'istanza editor di TinyMCE, è possibile utilizzare il seguente frammento jQuery per nascondere la barra degli strumenti:

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

uso

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

per tornare indietro;

Answer 4

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

lavorerà per voi

sostituire eq (1) con il contenitore di barra degli strumenti per esempio eq (2), eq (3), eq (4) ..

Answer 5

se si fa un controllo su di voi albero DOM, troverete:

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

Quindi aggiungere istruzioni Jquery avere HTML interno come dopo

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

avrete:

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

ristorerò pagina trovate close link in alto a destra del toolb ar. Fare clic su di esso. La barra degli strumenti diventa nascosta.

Answer 6

Utilizzando TinyMCE 4 è possibile impostare quanto segue nel init TinyMCE:

toolbar: false 

Ecco un esempio in piena regola del init se si desidera un editor pulita senza opzioni:

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

Answer 7

in tinymce4, modalità inline, io uso semplicemente:

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

Answer 8

semplice, utilizzare tema: 'Avanzata', theme_advanced_statusbar_location: 'none',

Answer 9

possiamo nascondere il taglia, copia, incolla nel menu:

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