Το Drupal 7, όπως και η έκτη έκδοση, δεν έχει ενσωματωμένο οπτικό πρόγραμμα επεξεργασίας.
Οδηγός χρήστη: πώς να εγκαταστήσετε και να ρυθμίσετε το πρόγραμμα επεξεργασίας ckeditor στο Drupal 7. Λήψη εικόνων από το Elfinder.
Στο Drupal 7, όπως και στην έκτη έκδοση, πρέπει να εγκαταστήσουμε το πρόγραμμα επεξεργασίας. Φυσικά, δεν μπορείτε να το κάνετε αυτό και να γράφετε κείμενα, βλέποντας μόνο τον κωδικό. Αλλά μου αρέσουν οι οπτικοί συντάκτες. Επιτρέψτε μου να σας υπενθυμίσω ότι μελετήσαμε την εγκατάσταση και τη διαμόρφωση για το Drupal 6 στο μάθημα 2:
Σήμερα θα εξετάσουμε το λειτουργικό πακέτο cms με τον επεξεργαστή.
drupal 7.17
CKEditor - WYSIWYG HTML editor 7.x-1.11
CK Editor 4.0
elFinder διαχείριση αρχείων 7.χ-0.7
γραφή
elFinder - elfinder-1.2
Για την έκδοση 7 του Drupal, η όλη διαδικασία εγκατάστασης και διαμόρφωσης είναι πολύ πιο απλή. Δεν χρειάζεται να επεξεργαστείτε τίποτα στα αρχεία, όλες οι ενέργειες είναι διαθέσιμες από τον πίνακα διαχείρισης (απλώς θα τσεκάρουμε τα πλαίσια). Υπάρχον τρέχουσες εκδόσειςοι ενότητες κάνουν τη ζωή μας πολύ πιο εύκολη.
Πώς να εγκαταστήσετε το πρόγραμμα επεξεργασίας WYSIWYG CKEditor στο πιο πρόσφατο CMS Drupal 7.17
Το CKEditor είναι ευέλικτο και βολικός επεξεργαστής. Η διεπαφή του μοιάζει με Word.
Πρώτα, εγκαταστήστε το σενάριο επεξεργασίας και μετά την ίδια την ενότητα. Είναι το module που θα το συνδέσει με τον ιστότοπο.
Σημείωση.
Καθορίζω συγκεκριμένες εκδόσεις τη στιγμή που γράφω.
1. Λήψη ενότητας ]]> https://drupal.org/project/ckeditor ]]>
Αποσυσκευάστε το αρχείο σε ένα φάκελο τοποθεσία/όλες/ενότητες
. Ολόκληρη η διαδρομή μοιάζει με αυτό: site/all/modules/ckeditor
2. Κατεβάστε το πρόγραμμα επεξεργασίας CK Editor 4.0
]]> https://ckeditor.com/download ]]>
Για αρχεία επεξεργασίας, πρέπει να δημιουργήσετε έναν φάκελο βιβλιοθηκών site/all/
Η διαδρομή για την αποσυσκευασία του αρχείου θα είναι η εξής: site/all/libraries/ckeditor
Στη σελίδα λειτουργικών μονάδων, ενεργοποιήστε και, στη συνέχεια, διαμορφώστε τις παραμέτρους.
Μεταβείτε στο "Διαμόρφωση - CKEditor - Παγκόσμιο προφίλ CKEditor - Επεξεργασία". Εδώ πρέπει να ελέγξετε την καταχώριση στο πεδίο "Path to CKEditor" - θα πρέπει να είναι %l/ckeditor
. Αυτή η καταχώρηση δείχνει ότι το πρόγραμμα επεξεργασίας βρίσκεται στο φάκελο βιβλιοθήκες
.
Ολα. Έχετε εγκαταστήσει το CKEditor και θα πρέπει να λειτουργεί. Για έλεγχο, δοκιμάστε να ανοίξετε τη σελίδα για τη δημιουργία νέου υλικού. Τώρα, αντί για ένα μεγάλο πεδίο εισαγωγής, θα δείτε το γνωστό οπτικό πρόγραμμα επεξεργασίας.
Εάν το πρόγραμμα επεξεργασίας δεν εμφανίζεται:
Ελέγξτε την ορθότητα των επιλεγμένων εκδόσεων λειτουργικών μονάδων για την έκδοση του Drupal. Δοκιμάστε να αλλάξετε σε άλλη έκδοση.
Προσαρμογή προφίλ CKEditor
1 βήμα. Ρύθμιση του Προηγμένου προφίλ στο CKEditor.
Για προχωρημένους (προχωρημένους, με μεταφορτώσεις εικόνων κ.λπ.)
Μεταβείτε στο "Διαχείριση > διαμόρφωση > ckeditor - admin/config/content/ckeditor
Ρυθμίστε το προφίλ για προχωρημένους, κάντε κλικ στον σύνδεσμο "αλλαγή" απέναντι από το προφίλ για προχωρημένους.
Εμφάνιση του συντάκτη (Εμφάνιση συντάκτη):
Επιλέγουμε χρώμα.
Σύρετε και αποθέστε τα κουμπιά που θέλετε.
Επιλέγουμε τη ρωσική γλώσσα.
Ρυθμίσεις προγράμματος περιήγησης αρχείων
Επιλέγουμε τον διαχειριστή αρχείων της αρεσκείας μας, παρακάτω στο κείμενο υπάρχει εγκατάσταση και διαμόρφωση του διαχειριστή αρχείων για το Drupal 7 - Elfinder.
2 βήμα. Ρύθμιση πλήρους προφίλ στο ckeditor
Πηγαίνουμε "Διαχείριση - διαμόρφωση - ckeditor" - admin/config/content/ckeditor
Μπορείτε να αφήσετε τις ρυθμίσεις από προεπιλογή, επιλέξτε τη ρωσική γλώσσα.
Η ευκολότερη επιλογή είναι να χρησιμοποιήσετε το Full (πλήρες) και το Advanced (για προχωρημένους) - για όσους έχουν εγγραφεί, καθώς και τις παραλλαγές σας. Δημιουργία για ανώνυμοι χρήστεςΑπλό προφίλ, πού να επισημάνετε το αυτόματο αλλαγή htmlκείμενο σε απλή μορφή.
Λίγο από την κριτική Drupal 7, μια τέτοια μίνι θετική κριτική.
Στα επτά από προεπιλογή υπάρχει ένα πεδίο για ανέβασμα εικόνων. Ένα πολύ χρήσιμο χαρακτηριστικό. Σε κάθε υλικό μπορεί να εκχωρηθεί μια εικόνα - ένα είδος λογότυπου. Στην ανακοίνωση, αυτή η εικόνα θα μειωθεί αυτόματα.
Ποια προβλήματα αντιμετωπίζονται κατά την εργασία με τον επεξεργαστή
Το CKeditor δεν εμφανίζει όλα τα κουμπιά
Για να το κάνετε αυτό, ελέγξτε ποια έκδοση έχετε κατεβάσει στη διεύθυνση https://ckeditor.com/download
- Υπάρχουν λίγα κουμπιά στο Βασικό Πακέτο.
- Τυπικό πακέτο - υπάρχουν περισσότερα από αυτά.
- Το πλήρες σετ βρίσκεται στο πλήρες πακέτο - κατεβάστε το εάν θέλετε να χρησιμοποιήσετε το μέγιστο.
Εγκατάσταση και ρύθμιση παραμέτρων του διαχειριστή αρχείων Elfinder για το Drupal 7
Ένα σωρό πρόγραμμα επεξεργασίας και διαχείρισης αρχείων θα κάνουν τη δουλειά σας πιο ευχάριστη. Μπορείτε να εισαγάγετε μια εικόνα οπουδήποτε από τον διακομιστή ή από τον υπολογιστή σας. Εκχωρήστε του τα απαραίτητα χαρακτηριστικά, μια εναλλακτική περιγραφή. Δυστυχώς, πρέπει να εγκατασταθεί.
Ο διαχειριστής αρχείων CKEditor θα φορτώσει όχι μόνο εικόνες, αλλά και άλλα αρχεία.
Όπως και με το πρόγραμμα επεξεργασίας, πρέπει να κάνετε λήψη της ενότητας και του σεναρίου.
- Λήψη ενότητας ]]> https://drupal.org/project/elfinder ]]>
Αποσυσκευάστε το αρχείο και τοποθετήστε τα αρχεία στον φάκελο site/all/modules/elfinder
- Λήψη σεναρίου ]]> ]]>
Από πιο πρόσφατες εκδόσειςπλησίασε ξωτικός-1.2.
Στη συνέχεια, αποσυσκευάστε το αρχείο και τοποθετήστε τα αρχεία στον φάκελο site/all/libraries/elfinder
Υπάρχει ένα μικρό χαρακτηριστικό εδώ, ο φάκελος θα πρέπει να ονομάζεται elfinder.
- Εγκαθιστώ. Για αυτό πάμε admin/config/elfinder - "configuration - modules - elFinder - configure".
Στον "Root directory" αφήνουμε την επιλογή "Use system defaults" - η προεπιλογή στο Drupal.
Προεπιλεγμένες ρυθμίσεις admin/config/media/σύστημα αρχείων:
Στη σελίδα Περιεχόμενο - διαχειριστής/περιεχόμενο, θα δείτε νέα καρτέλα"Αρχεία". Τώρα απλώς κάντε κλικ σε αυτό και θα δείτε τη διεπαφή διαχείρισης αρχείων.
Και το τελευταίο βήμα είναι να συνδυάσετε το πρόγραμμα επεξεργασίας με διαχείριση αρχείωνσε ένα λειτουργικό εργαλείο.
Παραπάνω, έχω ήδη περιγράψει τη ρύθμιση προφίλ συντάκτη.
Επαναλαμβάνω:
Επιλέξτε μέσα Τύπος προγράμματος περιήγησης αρχείων - elFinder
. Εάν θέλετε, μπορείτε επίσης να αλλάξετε τον φάκελο για τη λήψη αρχείων εδώ.
Τώρα όλα πρέπει να λειτουργούν, αλλά δεν μπορώ να καταλάβω γιατί αυτό δεν είναι στον πυρήνα του Drupal; Αντίθετα, πολλές επιλογές επεξεργασίας για κάθε γούστο. Το οποίο είναι πολύ καλό. ;)
Νέος σύνδεσμος εργασίας
drupal 7.21
CKEditor - WYSIWYG HTML editor 7.x 1.13
CKEditor - ckeditor_4.1_standard
elFinder διαχείριση αρχείων 7.x-0.8
elFinder script - elfinder-1.2
Υπάρχει ένα πρόβλημα με την προσθήκη νέων κενών () με κάθε επεξεργασία.
Αποκαλύφθηκε ότι εμφανίζεται ένα σφάλμα κατά την εισαγωγή ενός teaser του Drupal. Εάν το άρθρο δεν διαχωρίζει την ανακοίνωση, τότε δεν υπάρχει πρόβλημα.
Ο λόγος είναι ότι από προεπιλογή το μέγεθος της ανακοίνωσης έχει ήδη οριστεί στον τύπο περιεχομένου. Αποδεικνύεται διπλή χρήση του διαμερίσματος ανακοινώσεων: χειροκίνητο και αυτόματο.
Διαδρομή για τη ρύθμιση της προβολής διαφημίσεων:
Αρχική » Διοίκηση » Δομή » Τύποι Περιεχομένου » Άρθρο » Διαχείριση προβολής
Συμβουλή. Θα πρέπει να στηθεί εμφάνισηαφαιρέστε το κουμπί teaser-drupal στο οπτικό πρόγραμμα επεξεργασίας και στα δύο προφίλ.
Άρθρα για εκμάθηση drupal:
Γενικές έννοιες για αρχάριους.
Πώς να ρωσοποιήσετε το Drupal και τις ενότητες του.
Μια επιλογή από ενότητες ιστολογίου.
Γρήγορος οδηγός.
Χρησιμοποίησα το BUEditor στον ιστότοπό μου - ένα απλό βολικό πρόγραμμα επεξεργασίας, αλλά δεν είναι πολύ βολικό για τους χρήστες. Συχνά σκεφτόμουν να εγκαταστήσω το CKEditor, αλλά μου φαινόταν σαν κάποιο τέρας, αλλά στην πραγματικότητα όλα αποδείχτηκαν όχι τόσο τρομακτικά.
Πώς να εγκαταστήσετε τη μονάδα ανάγνωσης.
Αφού συνδεθείτε μέσω της ενότητας σας, στη σελίδα admin/config/content/ckeditor/edit/profile_recognition στην καρτέλα ΕΜΦΑΝΙΣΗ ΤΟΥ ΣΥΝΤΑΚΤΗ, Στο κεφάλαιο ΠρόσθεταΘα εμφανιστεί το πλαίσιο ελέγχου ενεργοποίησης. Ενεργοποιήστε, αποθηκεύστε, ελέγξτε.
3. Εισαγάγετε συνδέσμους.Εκτός του πλαισίου, το πλαίσιο διαλόγου εισαγωγής συνδέσμων περιέχει ένα σωρό περιττά και ακατανόητα πράγματα. Το αντικαθιστούμε με το πρόσθετο Simple link. Πώς να εγκαταστήσετε, δείτε την παράγραφο 2. Συνδέουμε (δείτε το στοιχείο 1):
Config.extraPlugins = "SimpleLink";
Θα εμφανιστεί επίσης ένα νέο εικονίδιο (κουμπί) του πρόσθετου.
4. Εισαγάγετε εικόνες.Εδώ όλα είναι ίδια με τους συνδέσμους, μπορείτε να βάλετε το πρόσθετο Simple Image για να εισάγετε εικόνες ανά σύνδεσμο.
Config.extraPlugins = "SimpleImage";
Εναλλακτικά, ανεβάστε εικόνες χρησιμοποιώντας τη λειτουργική μονάδα Μεταφόρτωση με ένα κλικ. . Διαβάστε περισσότερα. Ακολούθησα στη δεύτερη μέθοδο, αν και χρησιμοποίησα και τις δύο στο BUEditor.
Το μόνο που θέλω να προσθέσω είναι ότι το πρόσθετο Enhanced Image απαιτεί δύο ακόμη πρόσθετα Widget και Lineutils .
Δεν μπόρεσα να καταλάβω γιατί δεν ξεκινούσε η προσθήκη μέχρι που κοίταξα στο αρχείο καταγραφής
5. Εμφάνιση.Από προεπιλογή, χρησιμοποιείται το δέρμα Moono, αλλά ήθελα να φέρω την εμφάνιση στην εμφάνιση του BUEditor.
έτσι έμοιαζε το BUEditor 
7. Στήριγμα θέσης.Για να προσθέσετε ένα σύμβολο κράτησης θέσης, εγκαταστήστε την προσθήκη (δείτε βήμα 2) Βοήθεια ρύθμισης παραμέτρων . Συνδέουμε (δείτε το στοιχείο 1):
Config.extraPlugins = "confighelper"; config.placeholder = "Το κείμενό μας"; // текст нашего placeholder !}
8. Emoticons.Η προσθήκη Smiley είναι υπεύθυνη για τα χαμόγελα στο CKEditor "e, περιλαμβάνεται στο τυπικό πακέτο - Πλήρες πακέτο.
Έτσι φαίνονται τα emoticon έξω από το κουτί:
Για να τα αντικαταστήσετε με τα δικά σας, πρέπει να καθορίσετε τη διαδρομή προς το φάκελο με τις εικόνες στη διαμόρφωση (δείτε βήμα 1) smiley_path :
Config.smiley_path = "/sites/default/files/smileys/";
Γράψτε τα ονόματα των αρχείων (εικόνων) που θα εμφανίζονται smiley_images :
config.smiley_images = ["smile_1.png","smile_2.png"];
Και περιγραφή (περιγραφή αιώρησης) smiley_descriptions
config.smiley_descriptions = ["description-1", "description-2"];
Μπορείτε επίσης να καθορίσετε πόσες στήλες θα εμφανίζονται τα emoticon σε (προεπιλογή: 8) smiley_columns
config.smiley_columns = 6;
Να τι πήρα 
9. Πρόγραμμα περιήγησης ορθογραφικού ελέγχου.Όπως γράφτηκε UksusoFFΟ ορθογραφικός έλεγχος βάσει προγράμματος περιήγησης είναι απενεργοποιημένος στο CKEditor.
Config.disableNativeSpellChecker = false;
10. Μενού περιβάλλοντος.Στο CKEditor, όταν πατηθεί το RMB, ανοίγει κατάλογος συμφραζόμενων, όχι το εγγενές μενού του προγράμματος περιήγησης
Αυτό το άρθρο θα σας δείξει πώς να εγκαταστήσετε ένα οπτικό πρόγραμμα επεξεργασίας στον ιστότοπό σας. Ένας τέτοιος επεξεργαστής είναι πολύ βολικός για προσθήκη ή/και επεξεργασία ΝΕΑ ΠΛΗΡΟΦΟΡΙΑγια το site. Για παράδειγμα, εγκατάσταση στο φόρουμ, στο μπλοκ με σχόλια, που διευκολύνει και διευρύνει τις δυνατότητες επεξεργασίας του κειμένου ενός νέου σχολίου, π.χ. μπορείτε να επισημάνετε κείμενο, να το υπογραμμίσετε, να εισαγάγετε έναν σύνδεσμο και πολλά άλλα, όλα εξαρτώνται από το πόση πρόσβαση δίνετε στον αναγνώστη σας. Και, φυσικά, αυτό που δεν πρέπει να ξεχνάμε είναι το διαχειριστικό μέρος, το οποίο μπορεί να διευκολύνει πολύ την εργασία σας κατά την προσθήκη και την επεξεργασία υλικού.
Συνεργάστηκα με δύο οπτικούς συντάκτες TinymceΚαι Συντάκτης C.Kαν και αυτοί οι δύο συντάκτες είναι αρκετά δημοφιλείς, ειλικρινά, Συντάκτης C.KΜου άρεσε περισσότερο, ή μάλλον, ήταν πιο κατάλληλο για τις εργασίες μου. Επομένως, εδώ θα εξετάσουμε πώς είναι εγκατεστημένο το πρόγραμμα επεξεργασίας. Συντάκτης C.Kκαι θα σου πω άλλη φορά.
Για να ξεκινήσετε, όπως πάντα, πρέπει να κατεβάσουμε το πρόγραμμα επεξεργασίας, μπορείτε να κάνετε λήψη Γεμάτος- πακέτο ή επιλέξτε όλα τα απαραίτητα πακέτα στον επίσημο ιστότοπο.
Αφού ολοκληρωθεί η λήψη, αποσυσκευάστε το ληφθέν αρχείο, για παράδειγμα, σε έναν φάκελο libsπου βρίσκεται στη ρίζα του ιστότοπου. ΣΕ index.html μεταξύ ετικετών προσθήκη πρόσθετου προγράμματος επεξεργασίας ckeditor.js και φυσικά η βιβλιοθήκη jQuery.
HTML
Και έτσι, απομένει να δημιουργήσουμε μια φόρμα με πεδίο δοκιμής , με το οποίο θα αλληλεπιδράσει ο συντάκτης μας.
HTML
Γενικά, τα πάντα σχετικά με την εγκατάσταση, αφού φορτώσετε τη σελίδα μαζί σας, στο καθορισμένο πεδίο κειμένου Το πρόγραμμα επεξεργασίας κειμένου θα πρέπει τώρα να εμφανιστεί. Αυτό το πρόγραμμα επεξεργασίας μπορεί να προσαρμοστεί στα γούστα σας, να αλλάξετε το φόντο του πλαισίου ή της γλώσσας του επεξεργαστή, μπορείτε να ορίσετε το πλάτος και το ύψος του παραθύρου. Το αρχείο χρησιμοποιείται για αυτό. config.js που βρίσκεται στο φάκελο libs/ckeditor/config.js . Σε αυτό το αρχείο, μπορούμε να ορίσουμε τις παραπάνω ρυθμίσεις και πολλές άλλες. Περισσότερες λεπτομέρειες στην επίσημη ιστοσελίδα.
Για παράδειγμα, αλλάζοντας το αρχείο config.js που φαίνονται παρακάτω θα αλλάξουμε τη γλώσσα, το χρώμα του περιγράμματος και το ύψος του επεξεργαστή.
JAVASCRIPT
CKEDITOR.editorConfig = συνάρτηση(config) ( config.language = "en"; //language config.uiColor = "#AADC6E"; //χρώμα πλαισίου config.height = 300; //ύψος πλαισίου );
Μπορείτε επίσης να αλλάξετε την εμφάνιση του προγράμματος επεξεργασίας ορίζοντας στις ρυθμίσεις config.toolbarBasic- ελάχιστο ή Γεμάτος- μέγιστες λειτουργίες επεξεργασίας. Ή, προσαρμόστε το πρόγραμμα επεξεργασίας μεμονωμένα χρησιμοποιώντας τις ρυθμίσεις config.toolbar_Basicόπως φαίνεται στο παρακάτω παράδειγμα.
Εάν επιλέξετε την ελάχιστη διαμόρφωση, οι δυνατότητες του προγράμματος επεξεργασίας θα είναι περιορισμένες και μόνο τα κουμπιά θα είναι διαθέσιμα: παρακαλώ όνυξ του αντίχειρος, πλάγια γραμματοσειρά, λίστες, δημιουργία συνδέσμου διαγραφής συνδέσμου και emoticons (δείτε παράδειγμα παρακάτω).
JAVASCRIPT
CKEDITOR.editorConfig = function(config) ( config.width = 1050; //width of the editor window config.toolbar = "Basic"; //Λειτουργικότητα editor, Basic minimal, Full Max config.toolbar_Basic = // προσαρμογήΒασική λειτουργία [ ["Bold", "Italic", "-", "NumberedList", "BulletedList", "-", "Link", "Unlink","-","Smiley"] ]; )
Είναι δυνατή η ομαδοποίηση κουμπιών σε ομάδες και πάλι, αυτό απαιτεί ένα αρχείο config.js .
JAVASCRIPT
CKEDITOR.editorConfig = function(config) ( config.toolbarGroups = [ ( όνομα: "έγγραφο", ομάδες: [ "mode", "document", "doctools" ] ), ( όνομα: "πρόχειρο", ομάδες: [ "πρόχειρο ", "αναίρεση" ] ), ( όνομα: "επεξεργασία", ομάδες: [ "εύρεση", "επιλογή", "ορθογραφικός έλεγχος", "επεξεργασία" ] ), ( όνομα: "φόρμες", ομάδες: [ "φόρμες" ] ), "/", ( όνομα: "βασικά στυλ", ομάδες: [ "βασικά στυλ", "εκκαθάριση" ] ), ( όνομα: "παράγραφος", ομάδες: [ "λίστα", "εσοχή", "μπλοκ", "στοίχιση ", "bidi", "παράγραφος" ] ), ( όνομα: "σύνδεσμοι", ομάδες: [ "σύνδεσμοι" ] ), ( όνομα: "εισαγωγή", ομάδες: [ "εισαγωγή" ] ), "/", ( όνομα : "στυλ", ομάδες: [ "στυλ" ] ), ( όνομα: "χρώματα", ομάδες: [ "χρώματα" ] ), ( όνομα: "εργαλεία", ομάδες: [ "εργαλεία" ] ), ( όνομα: " άλλοι", ομάδες: [ "άλλοι" ] ), ( όνομα: "περίπου", ομάδες: [ "περίπου" ] ) ]; );
Σε γενικές γραμμές, οι βασικές ρυθμίσεις επεξεργαστής κειμένουφαίνεται, ένα πράγμα που δεν μου άρεσε είναι το μέγεθος αυτού του προγράμματος επεξεργασίας, αφού το κατεβάσω ζυγίζει 4m 265kbπου είναι κάπως υπερβολικό. Εάν σας ενοχλεί επίσης, τότε μπορείτε να διαγράψετε τον κατάλογο δείγματα και επίσης καθαρίστε τον κατάλογο με γλώσσες, αφού βαραίνει περισσότερο. Έχει πολλές γλώσσες που δεν χρησιμοποιούνται, επομένως μπορείτε απλά να τις αφαιρέσετε και να αφήσετε μόνο αυτές που χρειάζονται, για παράδειγμα, ρωσικά και αγγλικά.
Μεταβείτε στον κατάλογο libs/ckeditor/lang και εδώ διαγράφουμε όλα τα αρχεία εκτός από τη γλώσσα που χρειάζεστε, για παράδειγμα, αφήστε: en.js Και en.js . Αφού γίνουν όλοι οι χειρισμοί, το μέγεθος θα μειωθεί στο μισό και ο κατάλογος ckeditorθα μοιάζει με:
Σε αυτό έχω όλους όσους γνωρίζουν άλλες λεπτότητες αυτού του συντάκτη, γράψτε στα σχόλια.