Ο TinyMCE είναι ο προεπιλεγμένος επεξεργαστής κειμένου του Joomla και ένα από τα εργαλεία που χρησιμοποιούμε περισσότερο κατά τη διαχείριση μιας ιστοσελίδας.
Μέσα από το γνώριμο περιβάλλον επεξεργασίας μπορούμε να δημιουργούμε άρθρα, να μορφοποιούμε κείμενα, να εισάγουμε εικόνες, να προσθέτουμε συνδέσμους και να οργανώνουμε το περιεχόμενο μιας δημοσίευσης.
Στο Joomla 6.2 ο TinyMCE έχει δεχθεί σημαντικές βελτιώσεις, με κυριότερες την καλύτερη σύνδεση με τον Media Manager, τον νέο μηχανισμό επιλογής εσωτερικών συνδέσμων και την ενσωμάτωση του Read More ως κανονικού κουμπιού στη γραμμή εργαλείων.
Σε αυτό το tutorial θα δούμε πώς λειτουργεί ο επεξεργαστής, ποιες είναι οι νέες δυνατότητές του και πώς μπορούμε να τις αξιοποιήσουμε στην καθημερινή δημιουργία περιεχομένου.
1. Πού βρίσκουμε τον TinyMCE
Για να ανοίξουμε τον επεξεργαστή, συνδεόμαστε στο διαχειριστικό περιβάλλον του Joomla και επιλέγουμε:
Content → Articles
Στη συνέχεια μπορούμε να επιλέξουμε ένα υπάρχον άρθρο ή να δημιουργήσουμε ένα νέο πατώντας το κουμπί New.
Στην καρτέλα Content εμφανίζεται ο επεξεργαστής κειμένου.
Ο TinyMCE διαθέτει μια γραμμή εργαλείων με κουμπιά μορφοποίησης, εισαγωγής περιεχομένου και άλλες λειτουργίες.
Ανάλογα με τις ρυθμίσεις του plugin Editor - TinyMCE και την ομάδα χρηστών στην οποία ανήκουμε, μπορεί να εμφανίζεται μια απλή, μεσαία ή προηγμένη έκδοση της γραμμής εργαλείων.
2. Γνωρίζοντας τη γραμμή εργαλείων
Πριν εξετάσουμε τις νέες λειτουργίες, είναι χρήσιμο να γνωρίζουμε τα βασικά εργαλεία του TinyMCE.
Οι διαθέσιμες επιλογές μπορεί να διαφέρουν ανάλογα με το ενεργό preset.
Μορφοποίηση κειμένου
-
Bold: Έντονη γραφή.
-
Italic: Πλάγια γραφή.
-
Underline: Υπογράμμιση.
-
Strikethrough: Διακριτή διαγραφή.
-
Align Left: Στοίχιση αριστερά.
-
Align Center: Στοίχιση στο κέντρο.
-
Align Right: Στοίχιση δεξιά.
-
Justify: Πλήρης στοίχιση.
Λίστες
-
Bulleted List: Δημιουργία λίστας με κουκκίδες.
-
Numbered List: Δημιουργία αριθμημένης λίστας.
-
Indent: Εσοχή παραγράφου.
-
Outdent: Μείωση εσοχής.
Εισαγωγή περιεχομένου
-
Insert/Edit Link: Δημιουργία ή επεξεργασία συνδέσμων.
-
Insert/Edit Image: Εισαγωγή εικόνων.
-
Insert/Edit Media: Εισαγωγή πολυμέσων.
-
Table: Δημιουργία πινάκων.
-
Horizontal Line: Εισαγωγή οριζόντιας γραμμής.
-
Source Code: Προβολή και επεξεργασία του HTML κώδικα, όπου είναι διαθέσιμη.
Στις προηγμένες ρυθμίσεις υπάρχουν επίσης επιλογές για γραμματοσειρές, μεγέθη κειμένου, χρώματα και πρόσθετες λειτουργίες.
3. Νέα ενσωμάτωση του Media Manager στον TinyMCE
Μία από τις σημαντικότερες αλλαγές του Joomla 6.2 είναι η καλύτερη σύνδεση του επεξεργαστή με τον ενσωματωμένο Media Manager.
Πλέον, όταν επιλέγουμε την εισαγωγή εικόνας ή πολυμέσου μέσα από τα αντίστοιχα κουμπιά του TinyMCE, ανοίγει το περιβάλλον διαχείρισης αρχείων του Joomla.
Αυτό διευκολύνει σημαντικά την επιλογή εικόνων που βρίσκονται ήδη στον server, χωρίς να χρειάζεται να αντιγράφουμε και να επικολλάμε χειροκίνητα τις διευθύνσεις τους.
Πώς εισάγουμε μια εικόνα
Ακολουθούμε τα παρακάτω βήματα:
-
Ανοίγουμε το άρθρο που θέλουμε να επεξεργαστούμε.
-
Τοποθετούμε τον κέρσορα στο σημείο όπου θέλουμε να εμφανιστεί η εικόνα.
-
Πατάμε το κουμπί Insert/Edit Image.
-
Ανοίγει ο Media Manager του Joomla.
-
Περιηγούμαστε στους διαθέσιμους φακέλους και επιλέγουμε την εικόνα.
-
Επιβεβαιώνουμε την επιλογή μας.
Η εικόνα εισάγεται στο περιεχόμενο του άρθρου.
Ανέβασμα νέας εικόνας
Εάν η εικόνα που θέλουμε να χρησιμοποιήσουμε δεν υπάρχει ήδη στον Media Manager, μπορούμε να την ανεβάσουμε.
Από το περιβάλλον του Media Manager επιλέγουμε Upload και εντοπίζουμε το αρχείο στον υπολογιστή μας.
Αφού ολοκληρωθεί η μεταφόρτωση, επιλέγουμε την εικόνα και την εισάγουμε στο άρθρο.
Χρήσιμη συμβουλή: Πριν ανεβάσουμε μια εικόνα, καλό είναι να έχουμε μειώσει τις διαστάσεις και το μέγεθός της, ώστε να μην επιβαρύνουμε άσκοπα τη φόρτωση της ιστοσελίδας.
4. Ο νέος Link Selector – Εισαγωγή εσωτερικών συνδέσμων
Μία ακόμη σημαντική βελτίωση του Joomla 6.2 είναι ο νέος μηχανισμός επιλογής εσωτερικών συνδέσμων.
Μέχρι τώρα, η σύνδεση ενός άρθρου με άλλο περιεχόμενο της ιστοσελίδας μπορούσε να απαιτεί αναζήτηση της αντίστοιχης διεύθυνσης και χειροκίνητη εισαγωγή της.
Με τον νέο Link Selector η διαδικασία γίνεται πιο οργανωμένη, καθώς παρέχεται ένα ενιαίο παράθυρο επιλογής.
Μέσα από αυτό μπορούμε να επιλέξουμε συνδέσμους προς:
-
Άρθρα (Articles).
-
Επαφές (Contacts).
-
Στοιχεία μενού (Menu Items).
-
Πολυμέσα (Media).
Πώς εισάγουμε σύνδεσμο προς ένα άλλο άρθρο
-
Ανοίγουμε το άρθρο που επεξεργαζόμαστε.
-
Επιλέγουμε το κείμενο που θέλουμε να μετατρέψουμε σε σύνδεσμο.
-
Πατάμε το κουμπί Insert/Edit Link ή το αντίστοιχο εργαλείο επιλογής περιεχομένου.
-
Στο παράθυρο που εμφανίζεται επιλέγουμε Browse Links, εφόσον είναι διαθέσιμο.
-
Επιλέγουμε Articles.
-
Αναζητούμε το άρθρο που μας ενδιαφέρει.
-
Επιβεβαιώνουμε την επιλογή.
Ο σύνδεσμος προστίθεται στο επιλεγμένο κείμενο.
Η διαδικασία είναι αντίστοιχη για τις επαφές και τα στοιχεία μενού.
Πότε χρησιμοποιούμε τον κλασικό σύνδεσμο;
Ο νέος Link Selector αφορά κυρίως την επιλογή περιεχομένου που υπάρχει ήδη μέσα στο Joomla.
Εάν θέλουμε να προσθέσουμε έναν εξωτερικό σύνδεσμο, για παράδειγμα προς μια άλλη ιστοσελίδα, μπορούμε να χρησιμοποιήσουμε την κλασική λειτουργία Insert/Edit Link και να συμπληρώσουμε τη διεύθυνση URL.
Έτσι έχουμε στη διάθεσή μας και τις δύο δυνατότητες.
5. Το νέο κουμπί Read More
Το Read More είναι ιδιαίτερα χρήσιμο σε ιστοσελίδες που δημοσιεύουν συχνά άρθρα και εμφανίζουν τις δημοσιεύσεις τους σε λίστες ή στην αρχική σελίδα.
Η λειτουργία διαχωρίζει το εισαγωγικό μέρος ενός άρθρου από το υπόλοιπο περιεχόμενό του.
Στο Joomla 6.2 η λειτουργία ενσωματώνεται ως κανονικό πρόσθετο του TinyMCE, με δικό της κουμπί στη γραμμή εργαλείων.
Πώς χρησιμοποιούμε το Read More
-
Ανοίγουμε το άρθρο.
-
Τοποθετούμε τον κέρσορα στο σημείο όπου θέλουμε να τελειώνει η εισαγωγή.
-
Πατάμε το κουμπί Read More.
-
Ο επεξεργαστής εισάγει το αντίστοιχο διαχωριστικό.
Στο περιβάλλον επεξεργασίας εμφανίζεται μια διαχωριστική γραμμή, η οποία υποδεικνύει το σημείο διαχωρισμού.
Το περιεχόμενο πριν από τη γραμμή αποτελεί την εισαγωγή (Intro Text), ενώ το υπόλοιπο εμφανίζεται όταν ο επισκέπτης επιλέξει να διαβάσει ολόκληρο το άρθρο.
Μια χρήσιμη λεπτομέρεια: Το Joomla επιτρέπει ένα μόνο διαχωριστικό Read More ανά άρθρο. Εάν έχει ήδη εισαχθεί, το νέο κουμπί απενεργοποιείται μέχρι να αφαιρεθεί το υπάρχον.
Πότε πρέπει να χρησιμοποιούμε το Read More;
Η λειτουργία είναι ιδιαίτερα χρήσιμη όταν:
-
Δημοσιεύουμε πολλά άρθρα στην αρχική σελίδα.
-
Θέλουμε να εμφανίζεται μόνο η εισαγωγή κάθε δημοσίευσης.
-
Χρησιμοποιούμε προβολές Blog ή Featured Articles.
-
Θέλουμε να περιορίσουμε το μήκος των κειμένων στις λίστες άρθρων.
Πρέπει να σημειώσουμε ότι η εμφάνιση του συνδέσμου Read More εξαρτάται και από τις παραμέτρους της αντίστοιχης προβολής του Joomla.
6. Τα φίλτρα κειμένου και η ασφάλεια του περιεχομένου
Μια λιγότερο ορατή αλλά σημαντική αλλαγή του Joomla 6.2 αφορά τον τρόπο με τον οποίο ο TinyMCE εφαρμόζει τα φίλτρα κειμένου.
Το Joomla διαθέτει ενσωματωμένο μηχανισμό φιλτραρίσματος HTML, ο οποίος καθορίζει ποια στοιχεία και χαρακτηριστικά επιτρέπεται να εισάγουν οι χρήστες.
Για παράδειγμα, ένας χρήστης μπορεί να έχει δικαίωμα εισαγωγής απλού κειμένου και εικόνων, αλλά να μην επιτρέπεται να εισάγει συγκεκριμένα HTML στοιχεία ή κώδικα JavaScript.
Στο Joomla 6.2 ο TinyMCE χρησιμοποιεί ως προεπιλογή τη διαμόρφωση φίλτρων του Joomla, αντί να βασίζεται στις δικές του προεπιλεγμένες λίστες επιτρεπόμενων HTML στοιχείων.
Πού βρίσκουμε τις ρυθμίσεις;
Από το διαχειριστικό περιβάλλον επιλέγουμε:
System → Global Configuration → Text Filters
Εκεί μπορούμε να δούμε τις ρυθμίσεις φιλτραρίσματος για κάθε ομάδα χρηστών.
Οι επιλογές πρέπει να διαμορφώνονται με προσοχή, καθώς επηρεάζουν το περιεχόμενο που επιτρέπεται να αποθηκεύεται στην ιστοσελίδα.
Προσοχή: Δεν συνιστάται να επιτρέπουμε απεριόριστη εισαγωγή HTML σε όλους τους χρήστες. Οι σχετικές ρυθμίσεις πρέπει να ακολουθούν τα δικαιώματα πρόσβασης και τις ανάγκες της ιστοσελίδας.
7. Ρυθμίσεις του TinyMCE – Επιλογή γραμμής εργαλείων
Ο TinyMCE δεν εμφανίζει υποχρεωτικά τα ίδια εργαλεία σε όλους τους χρήστες.
Μπορούμε να διαμορφώσουμε διαφορετικές γραμμές εργαλείων ανάλογα με τις ανάγκες και τα δικαιώματα κάθε ομάδας.
Για να δούμε τις σχετικές επιλογές:
-
Επιλέγουμε System.
-
Μεταβαίνουμε στο Plugins.
-
Αναζητούμε το Editor - TinyMCE.
-
Ανοίγουμε το plugin.
Εκεί θα συναντήσουμε τα διαθέσιμα presets και τις αντίστοιχες ρυθμίσεις.
Ο TinyMCE υποστηρίζει τρία βασικά σύνολα εργαλείων:
Set 0 – Advanced
Η πιο ολοκληρωμένη γραμμή εργαλείων, με περισσότερες επιλογές μορφοποίησης, πίνακες, εικόνες και εργαλεία επεξεργασίας.
Set 1 – Medium
Προσφέρει τις βασικές λειτουργίες επεξεργασίας και αρκετά πρόσθετα εργαλεία για τη δημιουργία περιεχομένου.
Set 2 – Simple
Μια απλούστερη έκδοση με τα απολύτως απαραίτητα εργαλεία.
Η ανάθεση των presets γίνεται ανάλογα με τις ομάδες χρηστών.
Για μια ιστοσελίδα με πολλούς συντάκτες είναι χρήσιμο να παρέχουμε στους διαχειριστές και στους υπεύθυνους σύνταξης περισσότερα εργαλεία, ενώ στους απλούς χρήστες ένα πιο περιορισμένο περιβάλλον.
8. Μια πρακτική συμβουλή για τη σωστή επεξεργασία άρθρων
Ο TinyMCE είναι ένα εργαλείο επεξεργασίας κειμένου, αλλά δεν αντικαθιστά τη σωστή οργάνωση του περιεχομένου.
Για να έχουμε ένα σωστά δομημένο άρθρο, καλό είναι να ακολουθούμε ορισμένους βασικούς κανόνες:
-
Χρησιμοποιούμε επικεφαλίδες H2 και H3 για τη διάρθρωση του κειμένου.
-
Αποφεύγουμε τη χρήση πολλών κενών γραμμών για τη δημιουργία αποστάσεων.
-
Χρησιμοποιούμε εικόνες κατάλληλων διαστάσεων.
-
Προσθέτουμε περιγραφικό εναλλακτικό κείμενο (Alt Text) στις εικόνες.
-
Ελέγχουμε τους συνδέσμους πριν από τη δημοσίευση.
-
Χρησιμοποιούμε το Read More όταν το άρθρο εμφανίζεται σε λίστες δημοσιεύσεων.
-
Αποφεύγουμε την επικόλληση περιεχομένου με περιττή μορφοποίηση από Word ή άλλες εφαρμογές.
Εάν αντιγράφουμε κείμενο από άλλη εφαρμογή, η επιλογή Paste as Text είναι ιδιαίτερα χρήσιμη, καθώς απομακρύνει μεγάλο μέρος της ανεπιθύμητης μορφοποίησης.
Συμπέρασμα
Οι βελτιώσεις του TinyMCE στο Joomla 6.2 κάνουν την καθημερινή επεξεργασία περιεχομένου πιο εύκολη και πιο άμεσα συνδεδεμένη με τις υπόλοιπες λειτουργίες του CMS.
Η ενσωμάτωση του Media Manager, ο νέος Link Selector και το κουμπί Read More είναι αλλαγές που έχουν πρακτική αξία για κάθε διαχειριστή ιστοσελίδας.
Παράλληλα, η καλύτερη αξιοποίηση των φίλτρων κειμένου ενισχύει τη συνέπεια και τον έλεγχο του περιεχομένου που εισάγεται στην ιστοσελίδα.
Για όσους διαχειρίζονται καθημερινά μεγάλο όγκο δημοσιεύσεων, οι νέες δυνατότητες αποτελούν μια ουσιαστική βελτίωση της διαδικασίας παραγωγής περιεχομένου.