ExtJS: Fügt htmleditor eine Schaltfläche hinzu
Ich verwende ExtJS und ich habe einen HTML-Editor in meiner Form. Ich würde gerne eine benutzerdefinierte Schaltfläche zu diesem Element hinzufügen (zum Beispiel nach allen anderen Schaltflächen wie Ausrichtungen, Schriftstärken, ...). Dieser Button sollte grundsätzlich eine Standardvorlage in das htmlfield einfügen. Da diese Vorlage html ist, sollte das Verhalten der Schaltfläche wie folgt aussehen.
- Wechseln Sie in den HTML-Modus (wie beim Drücken der Source-Taste)
- Fügen Sie etwas ein
- Wechseln Sie zurück zum WYSIWYG-Modus (wie wenn Sie die Source-Taste erneut drücken)
Danke für Ihre Aufmerksamkeit
3 Antworten
Sie müssen nicht in den HTML-Modus wechseln. Verwenden Sie einfach die Funktion insertAtCursor mit der HTML-Vorlage.
Ich machte dieses einfache Beispiel, wie man eine Schaltfläche hinzufügt, die ein horizontales Lineal ( <hr> tag) einfügt:
Sie sehen es unter: jsfiddle.net/protron/DCGRg/183/
Aber ich empfehle Ihnen wirklich, HtmlEditor.Plugins ( oder ateodorescu / mzExt für ExtJS 4). Dort finden Sie viel mehr über das Hinzufügen von benutzerdefinierten Schaltflächen, zum Beispiel, wie Sie die Schaltflächen aktivieren / deaktivieren können, wenn etwas ausgewählt ist, Trennzeichen etc.
Sie können auch ExtJS.ux.HtmlEditor.Plugins: Ссылка
verwenden 
Zusätzlich zu der @proton großen Antwort oben gibt es noch eine andere Möglichkeit, Schaltflächen einzufügen Die Symbolleiste unterscheidet sich vom Hinzufügen zum Ende. In meiner Antwort schreibe ich es als neues Steuerelement mit dem Namen 'RichTextBox' (und nicht als Plugin), aber das kann auf andere Weise geschehen:
%Vor%Tags und Links extjs html-editor