Wie man ein nicht wählbares benutzerdefiniertes Format in quilljs einbetten kann

8

Ich möchte ein benutzerdefiniertes Einbettungsformat erstellen, das formatiert werden kann, aber der Text kann nicht geändert werden. Mein Anwendungsfall ist dem Hashtag-Fall sehr ähnlich. Ich möchte eine externe Schaltfläche haben, die dem aktuell ausgewählten Bereich im Editor ein Hashtag hinzufügt. Aber danach möchte ich, dass sich der Hashtag wie ein "Block" verhält, so dass der Benutzer nicht dorthin gehen und seinen Text ändern kann.

Das konnte ich nur dadurch erreichen, dass ich sagte, dass der Knoten des Formats contenteditable = false ist, aber ich bin mir nicht sicher, ob ich den richtigen Weg gehe, da ich einige Probleme mit diesem Ansatz habe:

Wenn der Hashtag das Letzte im Editor ist, kann ich ihn nicht mehr verschieben (mit Pfeilen oder Cursor) Doppelklick zum Auswählen sollte das Ganze (und nicht einzelne Wörter) auswählen (zum Stylen) Wenn sich der Cursor unmittelbar hinter dem Hashtag befindet, wird durch Drücken von rechts und Schreiben in den Hashtag geschrieben Sie können einen Codepen überprüfen, den ich während des Experimentierens gemacht habe:

%Vor%

Hier ist der vollständige Codepen: Ссылка

Wenn ihr mir irgendwelche Tipps gibt, wie ich das schaffen kann, wäre ich froh.

Danke.

    
emanuelbsilva 20.10.2016, 16:32
quelle

0 Antworten

Tags und Links