Προσαρμογή της γραμμής εργαλείων του επεξεργαστή εμπλουτισμένου κειμένου

Αφού προσθέσετε ένα μεγάλο πεδίο κειμένου στον τύπο πόρου και ρυθμίσετε την εμφάνιση σε λειτουργία προγράμματος επεξεργασίας εμπλουτισμένου κειμένου, μπορείτε να δημιουργήσετε μια προσαρμοσμένη γραμμή εργαλείων.

Η γραμμή εργαλείων προσυμπληρώνεται με τις τυπικές ομάδες και επιλογές γραμμής εργαλείων και βλέπετε μια προεπισκόπησή της.

Για να προσαρμόσετε τη γραμμή εργαλείων, κάντε κλικ στην καρτέλα JSON και επεξεργαστείτε τη διαμόρφωση JSON χρησιμοποιώντας σύνταξη CKEditor. Ανατρέξτε στην ενότητα https://ckeditor.com/latest/samples/toolbarconfigurator/index.html#basic.

Το μεγάλο πεδίο κειμένου υποστηρίζει τις ακόλουθες ομάδες:

  • "basicstyles" - περιορίζεται σε έντονη γραφή/πλάγια γραφή/υπογράμμιση https://ckeditor.com/cke4/addon/basicstyles

  • "styles" - στυλ γραμματοσειρών https://docs.ckeditor.com/ckeditor4/latest/guide/dev_styles.html

  • "colors" - χρώματα κειμένου και φόντου https://docs.ckeditor.com/ckeditor4/latest/guide/dev_colorbutton.html

  • "undo" - αναίρεση/ακύρωση αναίρεσης του τρέχοντος στιγμιοτύπου στο πρόγραμμα επεξεργασίας

  • "links" - προσαρμοσμένη προσθήκη στο παράθυρο διαλόγου δεσμού

  • "paragraph" - υποστήριξη λίστας με κουκκίδες/αρίθμηση και εσοχές

    • "list"

    • "indent"

  • "align" - αριστερά/δεξιά/κέντρο

  • "insert"

    • "image"

    • "table"

  • "cleanup" - κατάργηση στυλ για το επιλεγμένο κείμενο

Επιπλέον, μπορείτε να χρησιμοποιήσετε την καταχώριση διαχωριστικού γραμμών: "/"

Σημείωση:

Αν ορίσετε οποιαδήποτε άλλη τιμή στη διαμόρφωση της ομάδας γραμμής εργαλείων, η τιμή θα καταργηθεί πριν δημιουργηθεί η γραμμή εργαλείων της τοποθεσίας. Δεν μπορείτε να καταχωρίσετε "extraPlugins". Μόνον η διαμόρφωση "name"/"groups" υποστηρίζεται. Οι καταχωρίσεις "items" θα παραβλεφθούν.

Μπορείτε να χρησιμοποιήσετε τα "toolbarGroups" και "removeButtons" ή "toolbar" για τις ιδιότητες. Δείτε τα παραδείγματα παρακάτω.

Παράδειγμα 2-1 Επιλογή 1: "toolbarGroups" και "removeButtons"

{
"toolbarGroups": [
{"name": "basicstyles"}
,
{"name": "styles"}
,
{"name": "colors"}
,
{"name": "clipboard"}
,
"/",
{"name": "links"}
,
{"name": "insert"}
,
{"name": "paragraph","groups": ["list","indent"]}
,
{"name": "align"}
,
{"name": "undo"}
,
{"name": "cleanup"}
,
{"name": "mode"}
,
{"name": "tools"}
],
"removeButtons": "Styles,Subscript,Superscript,Anchor,Blockquote,PasteFromWord,Copy,Cut"
}

Παράδειγμα 2-2 Επιλογή 2: "toolbar"

{
"toolbar" = [
{ "name":"basicstyles","items":["Bold","Italic","Underline","Strike","Subscript","Superscript","-","CopyFormatting","RemoveFormat"] }
,
{ "name":"paragraph","items":["NumberedList","BulletedList","-","Outdent","Indent","-","Blockquote","CreateDiv","-","JustifyLeft","JustifyCenter","JustifyRight","JustifyBlock","-","BidiLtr","BidiRtl","Language"] }
,
{ "name":"links","items":["Link","Unlink","Anchor"] }
,
{ "name":"insert","items":["Image","Flash","Table","HorizontalRule","Smiley","SpecialChar","PageBreak","Iframe"] }
,
"/",
{ "name":"styles","items":["Styles","Format","Font","FontSize"] }
,
{ "name":"colors","items":["TextColor","BGColor"] }
,
{ "name":"tools","items":["Maximize","ShowBlocks"] }
,
{ "name":"about","items":["About"] }
]}