|
|
Δημοσιεύτηκε στις 17/4/2015 4:20:20 μ.μ.
|
|
|
Μετά από δύο ημέρες, το Ckeditor και το Ckfinder ενσωμάτωσαν τελικά τη λειτουργία μεταφόρτωσης εικόνων.
Εδώ θα γράψω για την εμπειρία μου.
Για να εφαρμόσω την ενότητα επεξεργασίας ειδήσεων, ο αδερφός μου με σύστησε στο Ckeditor.
Πρώτα, κατεβάστε την έκδοση .net του Ckeditor στο http://ckeditor.com/, χρησιμοποιώ το ckeditor_aspnet_3.6.4 εδώ.
Μετά τη λήψη, αποσυμπιέστε το για να ανοίξει. Αλλά δεν είναι όλα χρήσιμα εδώ, οπότε, μπορείτε να το βάλετε
όπου δείγμα είναι ένα παράδειγμα και πηγή είναι το αρχείο προέλευσης
, διαγράφεται απευθείας
, ο σκοπός είναι να μειωθεί ο όγκος του προγράμματος επεξεργασίας. Στη συνέχεια, αντιγράψτε ολόκληρο τον φάκελο απευθείας στον ριζικό κατάλογο του ιστότοπου. Παραπομπή
ckeditro.net.dll
Στην κεφαλίδα της σελίδας όπου πρέπει να χρησιμοποιήσετε το στοιχείο ελέγχου του προγράμματος επεξεργασίας:
<scrip remove t src="/ckeditor/ckeditor.js" type="text/javascrip remove t" ></scrip去掉t>
<scrip remove t type="text/javascrip remove t" >
window.onload = συνάρτηση () {
CKEDITOR.replace("txtContent");
}
</scrip去掉t>. . .
Σώμα
：
<CKEditor:CKEditorControl ID="CKEditor1" BasePath="~/ckeditor/" runat="διακομιστής">
</CKEditor:CKEditorControl>
Ο κωδικός φόντου είναι επίσης απλός:
άρθρο. ΠΕΡΙΕΧΟΜΕΝΟ ΑΡΘΡΟΥ = CKEditor1.Text; Αυτό εκχωρεί το επεξεργασμένο περιεχόμενο στο πεδίο ARTICLECONTENT της κλάσης μοντέλου του άρθρου.
Και με αυτό, ο επεξεργαστής μου ολοκληρώθηκε με επιτυχία!
Όμως έχει προκύψει ξανά ένα μεγάλο πρόβλημα, δηλαδή το Ckeditor δεν έχει τη δυνατότητα να ανεβάζει εικόνες, κάτι που είναι πραγματικά πονοκέφαλος. Πώς να το κάνετε αυτό; Πηγαίνετε στο Baidu.
Μόλις μπήκα στο διαδίκτυο, διαπίστωσα ότι υπάρχουν πολλοί τρόποι για να το λύσω, κάποιοι λένε ότι είναι να δημιουργήσω μια λειτουργία μεταφόρτωσης μιας εικόνας εκτός του προγράμματος επεξεργασίας και, στη συνέχεια, να περάσω τη διαδρομή σύνδεσης του διακομιστή στον τρέχοντα κέρσορα του προγράμματος επεξεργασίας όταν περάσει στον διακομιστή, στη συνέχεια να το εφαρμόσω, να το κάνω και ξαφνικά να διαπιστώσω ότι όταν κάνετε κλικ στην εξωτερική εικόνα μεταφόρτωσης, ο κέρσορας δεν βρίσκεται καθόλου στο πρόγραμμα επεξεργασίας, τι πρέπει να κάνω??? Σκεφτείτε το, αλίμονο, με τις τρέχουσες γνώσεις, δεν μπορώ να το κάνω, μπορώ μόνο να τα παρατήσω. (Αν κάποιος θεός ξέρει, αφήστε ένα μήνυμα για να μου πείτε, ευχαριστώ). Κάποιοι λένε ότι γράφετε το δικό σας JS για να εφαρμόσετε αυτήν τη λειτουργία και στη συνέχεια το συνδέετε στον επεξεργαστή για να το ολοκληρώσετε, και υπάρχουν πολλά τέτοια άρθρα:
1, http://www.cnblogs.com/lts8989/archive/2011/08/04/2127326.html
2, http://www.cnblogs.com/striiiiing/archive/2012/08/15/2640792.html
Νομίζω ότι αυτά τα δύο άρθρα είναι αρκετά καλά, αλλά οι δικές μου γνώσεις JS είναι αδύναμες, οπότε προσπάθησα να το γράψω, αλλά και πάλι δεν μπόρεσα να το εφαρμόσω με επιτυχία.
Λοιπόν, φαίνεται ότι μπορώ να χρησιμοποιήσω μόνο το Ckeditor για ενσωμάτωση με το Ckfinder και πραγματικά δεν ήθελα να χρησιμοποιήσω το Ckfinder επειδή είναι φορτισμένο, κάτι που δεν είναι καλό!! Αλλά τι συμβαίνει, είναι καλό να μην βρίσκομαι κάτω από τον επίσημο ιστότοπο, πήγα απευθείας στους πόρους στο Διαδίκτυο, καλά, τελικά βρήκα έναν που παρείχε πολύ λεπτομερείς πόρους (εδώ θα ήθελα να ευχαριστήσω μερικούς αδελφούς!!) Ιστοσελίδα: http://download.csdn.net/download/q8347901/3887066 (Υπάρχουν επίσης αναλυτικά εισαγωγικά άρθρα για το Ckeditor και το Ckfinder εδώ, πολύ καλό!) ）
Κατεβάστε το Ckfinder και, στη συνέχεια, αντιγράψτε το αρχείο ckfinder.dll από τον κατάλογο /bin στον κατάλογο bin τοποθεσίας, αντιγράψτε τον κατάλογο ckfinder στον ριζικό κατάλογο του ιστότοπου (μπορείτε να επιλέξετε άλλη διαδρομή) και ανατρέξτε στο ckfinder.dll
Διαμορφώστε αυτό:
Εάν βρίσκεστε στην .aspx σελίδα που θέλετε να κάνετε ckeditor, είναι η εξής:
CKEDITOR.replace('Πλαίσιο κειμένου που θέλετε να ενεργοποιήσετε την επεξεργασία',
{
filebrowserBrowseUrl:'/ckfinder/ckfinder.html',//启用浏览功能
filebrowserImageBrowseUrl:'/ckfinder/ckfinder.html?Type=Images',
filebrowserFlashBrowseUrl:'/ckfinder/ckfinder.html?Type=Flash',
filebrowserUploadUrl:'/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Files',
filebrowserImageUploadUrl:'/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Images',
filebrowserFlashUploadUrl:'/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash'
}
);
Φυσικά, χρησιμοποιήστε τη μέθοδο καθολικής διαμόρφωσης
Διαμόρφωση σε config.js της προσθήκης Ckeditor
config.filebrowserBrowseUrl="/ckfinder/ckfinder.html";
config.filebrowserImageBrowseUrl="/ckfinder/ckfinder.html? Τύπος=Εικόνες";
config.filebrowserFlashBrowseUrl="/ckfinder/ckfinder.html? Type=Flash";
config.filebrowserUploadUrl="/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Files";
config.filebrowserImageUploadUrl="/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Images";
config.filebrowserFlashUploadUrl="/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash";
Μετά τη διαμόρφωση, τροποποιήστε το config.ascx στο ckfinder
CheckAuthentication()in Return true, διαφορετικά δεν θα μεταφορτωθεί και απαιτεί επαλήθευση
Η διαδρομή προς το BaseUrl στο SetConfig() είναι η διαδρομή για τη μεταφόρτωση
Επίσης, αφού προσέξετε, μην ξεχάσετε να αναφέρετε το αρχείο bll στο ckfinder
Λοιπόν, η ενσωμάτωση και η μεταφόρτωση εικόνων ολοκληρώθηκαν με επιτυχία.
Εναλλακτικά, εάν θέλετε να αποκρύψετε τις καρτέλες Υπερσύνδεσμοι και Για προχωρημένους στον πίνακα Εικόνες, μπορείτε να το κάνετε στα πρόσθετα/εικόνα/διαλόγους/image.js του CKEditor
Αναζητήστε "Σύνδεσμος" και "προχωρημένος" στο "id:'Link'" και "id:'advanced'" και προσθέστε "hidden:true", απλώς κάντε το.
Αν θέλετε να βελτιώσετε την εμφάνιση και να βελτιστοποιήσετε τον ιστότοπό σας, δείτε μερικά από τα παρακάτω άρθρα.
1, http://www.cnblogs.com/netec/archive/2009/11/02/ckeditor_ckfinder.html
2, http://blog.csdn.net/lulu_jiang/article/details/5532345
3, http://blog.csdn.net/hzq1074/article/details/5893475 |
Προηγούμενος:asp.net Επεξεργαστής κειμένου (FCKeditor)Επόμενος:Ο SQL Server καθορίζει εάν υπάρχουν βάσεις δεδομένων, πίνακες, στήλες και προβολές
|
