Ich plane, eine Webanwendung zu erstellen, in der Benutzer Formatierung und Kommentare auf Artikel anwenden können (um schriftliche und visuelle Notizen zu machen) und diese nur ihren Account speichern. Mein einziges Problem ist, dass der Benutzer den Text NICHT bearbeiten, sondern nur formatieren kann. Ich würde gerne CKEditor verwenden, denn es ist ein leistungsfähiger Rich-Text-Editor, aber sobald es schreibgeschützt ist, ist es nicht mehr formatierbar. Gibt es eine Möglichkeit, es zu umgehen?Wie man CKEditor readonly aber noch formatierbar macht?
1
A
Antwort
2
Die IMHO beste Lösung, die ich hier ist ein Hack in der Tat bieten könnte, wo Sie das body
Element des Editors Dokument nicht editble machen:
var editor = CKEDITOR.replace('editor1', {
language: 'en'
});
editor.on('contentDom', function() {
editor.document.getBody().setAttribute('contenteditable', false);
});
Bitte beachten Sie jedoch, dass, während Sie in der Lage sein werden, Text zu machen Fett oder Absatz in zB ändern Blockquote oder sogar bestimmte Änderungen rückgängig machen, können Sie nichts (wie Tabelle oder Bild) mit Editor-Plugins einfügen und wenn Sie NewPage-Plugin-Editor verwenden wird leer sein und es wird keine Möglichkeit geben, etwas zu schreiben oder einzufügen, so dass die Auswahl der Plugins ist hier entscheidend.
Verwandte Themen
- 1. CKEDITOR READONLY andere Tasten aktivieren
- 2. Wie man alle Textareas auf einer Website "readonly" macht
- 3. Monaco Editor - Wie man einige Bereiche readonly macht
- 4. Razor wie man eine CheckBox erstellt und sie READONLY macht?
- 5. meteor/reagieren - Was macht die Eigenschaft "readOnly"?
- 6. Wie macht man MATLAB xlim auto noch symmetrisch um 0?
- 7. EF Kern: Macht Referenzobjekt nur lesbar, aber immer noch includable
- 8. Wie man ein ExtJS Grid Panel zu einer echten Readonly Komponente macht
- 9. Wie man eine readonly C# -Liste macht, indem ich sein gesetztes Attribut nicht deklariere
- 10. Apex5.0, wie man ein checkbox readonly
- 11. Java wie man JFrames maximiert, aber nicht skalierbar macht
- 12. Making Kendo Datepicker readonly, aber auch auswählbar
- 13. Wie man Admin Formular Feld readonly wenn bearbeiten
- 14. dslVersion - Wie erhöht man, aber unterstützt immer noch ältere Versionen?
- 15. wie man Knopf klickbar macht aber sein Elternteil div?
- 16. Wie man mehrere, aber separate AJAX-Anrufe in JQuery macht
- 17. Wie man das Menü nicht anklickbar macht, aber trotzdem erreichbar?
- 18. Wie man ein 'Button.Clicked' Tag macht, aber für Bunifu?
- 19. Wie man Datumsumwandlung macht?
- 20. Wie man einen Formcontrol macht nur lesbar
- 21. Wie man Knopf ohne Ikone in CKEditor
- 22. wie man ckeditor bild reaktionsfähig in schienen
- 23. Wie man den Status readonly des Kontrollkästchens in Javascript
- 24. Wie man Untermenüs scrollbar macht
- 25. Wie man Prozessschritte macht
- 26. Wie macht man Elasticsearch?
- 27. Wie man Zahlenauswahldialog macht?
- 28. Wie man guten Async macht?
- 29. yii2: wie man die Sprache von ckeditor
- 30. Wie man mathematische Formel ckeditor in Javascript
Können Sie etwas mehr erklären? Welche Art von Formatierung möchten Sie sehen (Fettschrift, Ausrichtung, Einrückung usw.) und welche Art von Inhalt wird verwendet (nur Text, Bilder, eingebettete Medien usw.)? – f1ames