Προσαρμογή ομάδων γραμμών εργαλείων στο Εργαλείο δημιουργίας τοποθεσιών

Για προσαρμοσμένα συστατικά στοιχεία, μπορείτε να προσαρμόσετε αντίγραφα έτοιμων προς χρήση ομάδων γραμμών εργαλείων που εμφανίζονται στη γραμμή εργαλείων του Εργαλείου δημιουργίας τοποθεσιών.

Μπορείτε να δημιουργήσετε τη δική σας έκδοση ενός έτοιμου προς χρήση συστατικού στοιχείου που έχει ένα περιορισμένο σύνολο και είναι διαθέσιμο στην ετικέτα προσαρμοσμένων. Τυχόν προσαρμογές δεν επηρεάζουν τα έτοιμα προς χρήση συστατικά στοιχεία.

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

Οι ομάδες γραμμών εργαλείων ορίζουν αυτό που βλέπετε στη γραμμή εργαλείων όταν κάνετε κλικ το συστατικό στοιχείο Τίτλος ή Παράγραφος για να το επεξεργαστείτε. Μπορείτε να καταργήσετε και να αναδιατάξετε ό,τι υποστηρίζεται από το συστατικό στοιχείο Τίτλος ή Παράγραφος, αλλά δεν επιτρέπονται πρόσθετες προσθήκες.

Για να προσαρμόσετε τις ομάδων γραμμών εργαλείων στο Εργαλείο δημιουργίας τοποθεσιών, πρέπει να χρησιμοποιήσετε την ίδια σύνταξη με αυτή που χρησιμοποιεί το 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" - Αναίρεση/Ακύρωση αναίρεσης του τρέχοντος στιγμιότυπου στο CKEditor

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

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

    • "list"

    • "indent"

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

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

Το συστατικό στοιχείο Παράγραφος υποστηρίζει επίσης τις προσθήκες εισαγωγής εικόνων και πινάκων”

  • "insert"

    • "image"

    • "table"

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

  • "/"

Σημείωση:

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

Για παράδειγμα, αν θέλετε να μην επιτρέπετε στους χρήστες σας να ορίζουν γραμματοσειρές, χρώματα, στυλ ή μεγέθη, μπορείτε να ενημερώσετε τη διαμόρφωση γραμμών εργαλείων ως εξής. Για τις τιμές "id", πρέπει να καθορίσετε προσαρμοσμένες τιμές που διαφέρουν από τις έτοιμες προς χρήση τιμές.

[{
    "name": "<category name>",
    "list": [{
        "type": "scs-title",
        "id": "<custom-value>",
        "config": {
            "toolbarGroups": [{
                    "name": "basicstyles",
                    "groups": ["basicstyles"]
                }, {
                    "name": "undo",
                    "groups": ["undo"]
                },
                "/", {
                    "name": "links",
                    "groups": ["links"]
                }, {
                    "name": "paragraph",
                    "groups": ["list", "indent"]
                },
                "/", {
                    "name": "align",
                    "groups": ["align"]
                },
                {
                    "name": "insert",
                    "groups": ["image", "table"]
                }, {
                    "name": "cleanup",
                    "groups": ["cleanup"]
                }
            ]
        }
    }, {
        "type": "scs-paragraph",
        "id": "<custom-value>",
        "config": {
            "fontSize_sizes": "16/16px;24/24px;48/48px;"
        }
    }]
}]

Επικύρωση

Αντικαταστήστε το αρχείο σας components.json με τον προηγούμενο κώδικα και, στη συνέχεια, επεξεργαστείτε την τοποθεσία σας (ανανεώστε το πρόγραμμα περιήγησης, αν κάνετε ήδη επεξεργασία). Σε αυτό το σημείο, όταν επεξεργάζεστε ένα συστατικό στοιχείο Τίτλος, δεν θα εμφανίζει πλέον τα στυλ ή τα χρώματα γραμματοσειρών για επιλογή. Το συστατικό στοιχείο Παράγραφος θα συνεχίσει να εμφανίζει αυτά και η λίστα με τα διαθέσιμα μεγέθη γραμματοσειρών θα περιορίζονται σε 16, 24 και 48.

Προεπιλεγμένες ομάδες γραμμών εργαλείων

Ακολουθούν οι προεπιλεγμένες ομάδες γραμμών εργαλείων για τον Τίτλο και την Παράγραφο:

  • Τίτλος

    [{
        "name": "basicstyles",
        "groups": ["basicstyles"]
    }, {
        "name": "styles",
        "groups": ["styles"]
    }, {
        "name": "colors",
        "groups": ["colors"]
    }, {
        "name": "undo",
        "groups": ["undo"]
    },
    "/", {
        "name": "links",
        "groups": ["links"]
    }, {
        "name": "paragraph",
        "groups": ["list", "indent"]
    }, {
        "name": "align",
        "groups": ["align"]
    }, {
        "name": "cleanup",
        "groups": ["cleanup"]
    }
]

  • Παράγραφος

    [{
        "name": "basicstyles",
        "groups": ["basicstyles"]
    }, {
        "name": "styles",
        "groups": ["styles"]
    }, {
        "name": "colors",
        "groups": ["colors"]
    }, {
        "name": "undo",
        "groups": ["undo"]
    },
    "/", {
        "name": "links",
        "groups": ["links"]
    }, {
        "name": "paragraph",
        "groups": ["list", "indent"]
    }, {
        "name": "align",
        "groups": ["align"]
    }, {
        "name": "insert",
        "groups": ["image", "table"]
    }, {
        "name": "cleanup",
        "groups": ["cleanup"]
    }
]