Ich benutze Tinymce und ich möchte die Symbolleiste der Schaltfläche ausblenden. Gibt es eine Möglichkeit, das zu tun?TinyMCE Verstecken Sie die Leiste
Antwort
Es gibt ein Plugin, das dies entweder über einen Link außerhalb des Editors oder über die Symbolleiste selbst erledigt.
http://www.neele.name/pdw_toggle_toolbars/
herunterladen und extrahieren, um Ihre/tiny_mce/plugins/Ordner
Dann fügen:
$('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"
}
Wo: pdw_toggle_toolbars: "2,3,4" sind die Zeilen, die Sie ausblenden möchten. – ablemike
ist es aus Javascript oder mit jQuery gemacht –
A quick and dirty fix wäre, einfach es durch CSS zu verstecken
#my_textarea_id_tbl tr.mceFirst { display:none; }
Wenn es nur aus optischen Gründen könnte dies enoug sein h.
Wenn ed
ist ein Verweis auf Ihre tinymce Editor Beispiel können Sie die folgende jQuery-Snippet verwenden, um die Symbolleiste auszublenden:
$('#'+ed.id+'_toolbargroup').parent().css('display','none');
Verwendung
$('#'+ed.id+'_toolbargroup').parent().css('display','block')
es zurück zu bekommen;
$(".mceToolbar:eq(1)").hide();
für Sie arbeiten wird
eq ersetzen (1) mit dem Knopf Behälter Symbolleiste z eq (2), eq (3), eq (4) ..
, wenn Sie eine Inspektion auf Sie Baum DOM tun, werden Sie feststellen:
<a id="tinyelement_external_close" href="javascript:;" class="mceExternalClose"></a>
So JQuery Anweisung fügen inneren HTML zu haben, wie folgende
$('a#tinyelement_external_close').html('Close')
Sie haben:
<a id="tinyelement_external_close" href="javascript:;" class="mceExternalClose">Close</a>
aktualisieren Sie Seite finden close
Link oben rechts auf toolb ar. Klicken Sie darauf. Symbolleiste wird ausgeblendet.
Mit tinyMCE 4 können Sie die folgende im tinymce init:
toolbar: false
Hier ist ein vollständiges Beispiel der init, wenn Sie einen sauberen Editor ohne Optionen wollen:
<script type="text/javascript">
tinymce.init({
menubar: false,
statusbar: false,
toolbar: false
});
</script>
in tinymce4, Inline-Modus verwende ich einfach:
tinymce.EditorManager.activeEditor.getElement().blur();
einfach, Thema verwenden: 'Erweitert', theme_advanced_statusbar_location: 'none',
wir können das Ausschneiden, Kopieren, Einfügen in Menü verstecken:
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. Wie verstecken/zeigen Sie die UISearchBar Scope-Leiste mit Animation an?
- 2. So verbergen Sie die Shortcut-Leiste in iOS9
- 3. Wie benutzerdefinierte Tab-Leiste Taste verstecken, wenn hidesBottomBarWhenPushed „TRUE“ ist
- 4. iOS TabbarViewController blenden Sie die Tab-Leiste
- 5. Beschränken Sie die Tastaturkürzel im TinyMCE-Editor
- 6. So verstecken Sie die Statusleiste mit Link-URLs in Firefox
- 7. Wie verstecken Sie die Kapselung in C#?
- 8. Subprocess.Popen(): verstecken Sie die Shell cmd
- 9. So verstecken Sie die Navigationsleiste in Firefox
- 10. Runtime.getRuntime(). Exec(), verstecken Sie die Konsole Bildschirm
- 11. Wie verstecken Sie die Steuerelemente von HTMLEditor?
- 12. Segue ohne die Tab-Leiste
- 13. Verstecke die Breakpoints-Leiste in Jetbrains PHPStorm 4
- 14. Google Charts: Deaktivieren Sie die schwarze Umrandung um eine Leiste, die beim Klicken auf die Leiste angezeigt wird
- 15. C# WinRT Windows Phone 8.1 - Leiste für App-Leiste Flyout-Menü, wenn Nav-Leiste sichtbar ist
- 16. Erstellen Sie eine tinyMCE-benutzerdefinierte Schaltfläche, die ein Bootstrap-Modal-Fenster statt der tinyMCE-Vorgabe öffnet
- 17. So verstecken Sie Vimeo Controls
- 18. Tab-Leiste anzeigen, nachdem sie ausgeblendet wurde
- 19. Helfen Sie mir auf Tab-Leiste Anwendung
- 20. So verstecken Sie die Eltern-Tableiste, wenn Sie den Controller in NavigationController drücken
- 21. Wie erhalten Sie die Zusammenarbeit von TinyMCE und Jquery?
- 22. Ändern Sie die Randfarben von TinyMCE auf Fokus und Unschärfe
- 23. Angular UI TinyMCE, wie Sie die Druckfunktion einstellen
- 24. Wie verstecken Sie .git Projektverzeichnisse?
- 25. Qt, wie Cross-Leiste zu verbergen
- 26. So zeigen Sie die obere Leiste in der IOS an, während Sie die Home-Taste drücken.
- 27. Tab-Leiste macht die Seite unclickable
- 28. Tinymce - Laden lokalen Datei Inhalt Tinymce Instanz
- 29. Ausblenden der Tab-Leiste in einer Tab-Leiste Anwendung
- 30. Visual Studio-Task-Leiste
In diesem Fall gehen Sie bitte weiter und ausblenden. –
Wie kann ich das machen? – Mercer
– Mercer