bar

2010-04-13 18 views
9

Ben TinyMCE kullanmak ve i düğmesine araç çubuğunu gizlemek istediğiniz Hide TinyMCE. Bunu yapmanın bir yolu var mı?bar

+0

Bu durumda, devam edin ve bunu saklamaya ediniz. –

+0

bunu nasıl yapabilirim? – Mercer

+0

\t \t tinyMCE.init ({ \t \t modu: "textareas", \t \t}); \t – Mercer

cevap

5

Bunu, editörün dışındaki bir bağlantıdan veya araç çubuğunun kendisinden yapacak bir eklenti var.

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

indirin ve/tiny_mce/eklentileri/klasöre ayıklamak

Sonra ekleyin:

$('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" 
} 
+0

Nerede: pdw_toggle_toolbars: "2,3,4", saklamak istediğiniz satırlara yerleştirilir. – ablemike

+0

javascript veya jquery kullanılarak yapılmıştır –

2

hızlı ve kirli düzeltme basitçe CSS yoluyla gizlemek olacaktır

#my_textarea_id_tbl tr.mceFirst { display:none; } 

onun sadece görsel nedenlerden dolayı bu enoug söz konusuysa h. ed senin tinymce editörü örneğine bir referans ise

3

, araç çubuğunu gizlemek için aşağıdaki jQuery parçacığını kullanabilir:

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

onu geri almak için

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

kullanımını; (1) ile size

eq yerini için

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

çalışacak Düğme konteyner araç çubuğu örn Eğer size ağaç DOM üzerinde teftiş etmeye eğer eş (2), eq (3), eşdeğer (4) ..

0

, bulacaksın:

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

Yani jQuery talimatı eklersiniz olarak iç HTML olması

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

aşağıdaki sen sahip olacaktır:

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

Eğer toolb üst sağda close bağlantı bulmak size sayfayı yenileyin ar. Üzerine tıklayın. Araç çubuğu gizlenir.

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

Eğer tinymce init şu ayarları yapabilirsiniz TinyMCE 4 kullanma: hayır seçenekleri ile temiz bir editör istiyorum Burada

toolbar: false 

init tam gaz örnektir tinymce4, satır içi modunda, ben sadece kullanım:

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

:

0

biz menüde kes, kopyala, yapıştır gizleyebilirsiniz:: theme_advanced_statusbar_location 'ileri'

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