Ich benutze tiny_mce als Word-like Editor in Textfeldern, die in Iframes sind. Ich möchte den gesamten Iframe-Bereich verwenden. TinyMCE hat eine Vollbild-Taste, aber ich muss den Vollbild-Modus automatisch einstellen, wenn das Plugin geladen wurde. Gibt es eine Funktion/einen Auslöser, um diesen Modus (oder die Taste) aufzurufen? Danke für die Hilfe.Tiny MCE - Vollbildmodus beim Laden des Editors?
Antwort
Im IFRAME-Dokument können Sie TinyMCE anweisen, in den Vollbildmodus zu wechseln, sobald der Textbereich initialisiert wurde. Der folgende Code muss in die IFRAME gehen:
<script type="text/javascript">
tinyMCE.init({
mode : "exact",
elements : "description", // This is the id of the textarea
plugins : "fullscreen",
theme : "advanced",
theme_advanced_buttons1 : "fullscreen,code",
theme_advanced_buttons2 : "",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
oninit : function() { // Once initialized, tell the editor to go fullscreen
tinyMCE.get('description').execCommand('mceFullScreen');
}
});
</script>
....
<textarea id="description"></textarea>
Das TinyMCE Vollbild-Plugin wird das aktuelle Fenster aufzufüllen - und da der IFRAME sein eigenes Fenster ist, sollte das dies die IFRAME füllen.
Bearbeiten: Diese Technik kann auch mit der TinyMCE JQuery-Bibliothek verwendet werden. Die Optionen sind gleich, aber die Aufrufsyntax ist etwas anders. Auch hier sind die wichtigsten Linien der oninit
Rückruf:
$(document).ready(function() {
$('#description').tinymce({ // "description" is the id of the TEXTAREA
// ... same options inserted here ...
oninit : function() {
tinyMCE.get('description').execCommand('mceFullScreen');
}
});
});
Sie müssen nur den folgenden Code einfügen in die tinyMCE.init ({}) Funktion:
setup : function(ed) {
ed.on('load',function(e){
ed.execCommand('mceFullScreen');
});
},
Ps : Erinnere dich an das Komma, wenn du andere Anweisungen hast oder es scheitert. ;-)
setTimeout(\'(function(){tinyMCE.get("YourElementID").execCommand("mceFullScreen");})()\',2500);
Erklären Sie, was der Code in Ihrer Antwort tut und es bearbeiten! – gsamaras
- 1. Alternative zu Tiny MCE
- 2. Django Hinzufügen tiny-mce
- 3. Tiny mce Bild bearbeiten löschen
- 4. Tiny MCE: Wie man Menschen einzurücken
- 5. Wie Tiny MCE execCommand mit jQuery-Version verwenden
- 6. Tiny-MCE funktioniert nicht richtig auf Textfeld und Textbereich
- 7. Tiny MCE Text Editor Problem (mit einer großen Zeichenfolge)
- 8. Tiny MCE - Just kochen mich Bild hochladen versagt
- 9. Implementieren von Tiny MCE als lokalen HTML-Editor
- 10. Tiny MCE - Entfernen 'Datei' Option aus dem Menü
- 11. Wie man Instagram Beitrag mit Tiny MCE Editor einbetten
- 12. Die Tiny MCE-Inhaltsformatierung fügt keine Stile in die erstellten Bereiche ein.
- 13. Programmierung des VBA-Editors
- 14. Vollbild-Browserfenster beim Laden des Dokuments
- 15. Größe des ACE-Editors ändern
- 16. Verwenden des WMD-Editors mit CakePHP
- 17. Tiny MCE (jquery plugin version) zeigt die Toolbar im IE nicht an (funktioniert in anderen Browsern)
- 18. Wie wird die Größe des RStudio-Editors erhöht?
- 19. Fehler beim Laden des Bildes
- 20. „Fehler beim Laden des Manipulator“
- 21. Kendo Scheduler: Anpassen des Wiederholungs-Editors
- 22. type = "mce-text/javascript" wird in winzigen mce Editor html
- 23. Anzeige des Vollbilds im Vollbildmodus einmal gedrückt
- 24. Speicherfehler in Python beim Laden des Datensatzes
- 25. Fehler beim Laden des PDF-Dokuments, NodeJs
- 26. Fehler beim Laden des PDF-Dokuments | APEX
- 27. Fehler beim Laden des Ninject Komponente ICache
- 28. Fehler beim Laden des Manifestattributs der Hauptklasse
- 29. Picasso Fehler beim Laden des Bildes?
- 30. Fehler beim Laden des Arbeitsbereichs in Eclipse
Wie Inhalte in tinymce setzen, wenn seine im Vollbild –