Ben TinyMCE kullanmak ve i düğmesine araç çubuğunu gizlemek istediğiniz Hide TinyMCE. Bunu yapmanın bir yolu var mı?bar
bar
cevap
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"
}
Nerede: pdw_toggle_toolbars: "2,3,4", saklamak istediğiniz satırlara yerleştirilir. – ablemike
javascript veya jquery kullanılarak yapılmıştır –
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
, 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
$(".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) ..
, 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>
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();
:
basit, tema kullanın: 'None',
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'}
}
});
- 1. Ben Navigasyon Bar sağında ortak Bar Düğme Öğe ayarlamak istediğiniz Nasıl Navigasyon Bar
- 2. 'typedef typename Foo <T> :: Bar Bar'
- 3. Mac Menu Bar
- 4. Faking progress bar
- 5. Bootstrap Duyarlı Nav Bar
- 6. UISearch bar arama değilBarTextDidBeginEditing
- 7. Sublime Side Bar sağ tarafta
- 8. nav bar küçük çözünürlüklerde sarılıyor
- 9. Başlık Bar Saydamlığı Bulanıklığı Giderir
- 10. Xcode Google Haritalar Search Bar
- 11. Adres.com/foo/bar adresini nginx ile address.com:port/bar adresine nasıl yönlendirilir?
- 12. Degrade sorunu olan Highchart'ta stil bar renkleri
- 13. Visual Studio Breakpoint Bar Mevcut Değil
- 14. Görüntülenen URL adresi değiştiğinde değiştir bar
- 15. Contextual action bar öğelerini fragmanlarla kullanma
- 16. Bir Slider Bar için ToolTipText'i gizleyebilir miyim?
- 17. İyonic nav-bar büyüklüğü nasıl değiştirilir?
- 18. Vakfı 5 üst bar menüsü iki satır
- 19. Parça öğesinin parçası Action bar altında gizlenir
- 20. Açılır pencerede bar adresini gizle (krom)
- 21. Google Bar Tablosu Bireysel Çubuk Rengi Değiştiremiyor
- 22. Android Geliştirme: Web görünümü ilerleme Bar
- 23. Action Bar altyazısı Font nasıl özelleştirilir?
- 24. Arama Sonuçları Gözle görülür Durum Bar
- 25. change action bar Başlık rengi Theme.AppCompat.Light.DarkActionBar android
- 26. C de [foo] = bar ne anlama geliyor?
- 27. Chart.js Yatay çubuk grafik bar aralığı bar arası mesafeyi azaltmak için nasıl </p> <p>
- 28. Önyükleme nav bar ve yazı müthiş bir konu ben nav bar bootstrap içinde müthiş yazı eklemek istiyorum
- 29. Android Action Bar Icon Pack'deki büyük simgeler nerede?
- 30. VBA'da bir "i" ("foo", "bar", "baz") yapısı var mı?
Bu durumda, devam edin ve bunu saklamaya ediniz. –
bunu nasıl yapabilirim? – Mercer