|
|
Diposting pada 17/04/2015 16.20.20
|
|
|
Setelah dua hari, Ckeditor dan Ckfinder akhirnya mengintegrasikan fungsi unggah gambar.
Di sini saya akan menulis tentang pengalaman saya.
Untuk mengimplementasikan modul penyuntingan berita, saudara laki-laki saya memperkenalkan saya pada Ckeditor.
Pertama, unduh Ckeditor versi .net di http://ckeditor.com/, saya menggunakan ckeditor_aspnet_3.6.4 di sini.
Setelah mengunduh, buka zip. Tetapi tidak semua yang ada di sini berguna, jadi, Anda bisa mengatakannya
di mana sampel adalah contoh, dan sumber adalah file sumber
, langsung dihapus
, tujuannya adalah untuk mengurangi volume editor. Kemudian salin seluruh folder langsung ke direktori root situs web. Kutipan
ckeditro.net.dll
Di header halaman tempat Anda perlu menggunakan kontrol editor:
<scrip remove t src="/ckeditor/ckeditor.js" type="text/javascrip remove t" ></scrip去掉t>
<scrip remove t type="text/javascrip remove t" >
window.onload = fungsi () {
CKEDITOR.replace("txtContent");
}
</scrip去掉t>. .
tubuh
：
<CKEditor:CKEditorControl ID="CKEditor1" BasePath="~/ckeditor/" runat="server">
</CKEditor: CKEditorControl>
Kode latar belakangnya juga sederhana:
artikel. ARTICLECONTENT = CKEditor1.Teks; Ini menetapkan konten yang diedit ke bidang ARTICLECONTENT dari kelas model artikel.
Dan dengan itu, editor saya berhasil diselesaikan!
Tetapi masalah besar muncul lagi, yaitu Ckeditor tidak memiliki kemampuan untuk mengunggah gambar, yang benar-benar memusingkan. Bagaimana cara melakukan ini? Pergi ke Baidu.
Begitu saya online, saya menemukan bahwa ada banyak cara untuk menyelesaikannya, ada yang mengatakan bahwa itu adalah dengan membuat fungsi mengunggah gambar di luar editor, dan kemudian meneruskan jalur tautan servernya ke kursor editor saat ini ketika diteruskan ke server, lalu menerapkannya, melakukannya, dan tiba-tiba menemukan bahwa ketika Anda mengklik gambar unggahan eksternal, kursor tidak ada di editor sama sekali, apa yang harus saya lakukan??? Pikirkanlah, sayangnya, dengan pengetahuan saat ini, saya tidak bisa melakukannya, saya hanya bisa menyerah. (Jika ada tuhan yang tahu, tinggalkan pesan untuk memberi tahu saya, terima kasih); Beberapa mengatakan bahwa Anda menulis JS Anda sendiri untuk mengimplementasikan fungsi ini, dan kemudian mencolokkannya ke editor untuk menyelesaikannya, dan ada banyak artikel seperti itu:
1、 http://www.cnblogs.com/lts8989/archive/2011/08/04/2127326.html
2、 http://www.cnblogs.com/striiiiing/archive/2012/08/15/2640792.html
Saya pikir kedua artikel ini cukup bagus, tetapi pengetahuan JS saya sendiri lemah, jadi saya mencoba menulisnya, tetapi saya masih tidak berhasil menerapkannya.
Nah, sepertinya saya hanya bisa menggunakan Ckeditor untuk berintegrasi dengan Ckfinder, dan saya benar-benar tidak ingin menggunakan Ckfinder karena terisi daya, yang tidak bagus!! Tapi ada apa, ada baiknya tidak berada di bawah situs web resmi, saya langsung pergi ke sumber daya di Internet, yah, akhirnya saya menemukan satu yang menyediakan sumber daya yang sangat rinci (di sini saya ingin berterima kasih kepada beberapa saudara laki-laki !!) Situs web: http://download.csdn.net/download/q8347901/3887066 (Ada juga artikel pengenalan terperinci tentang Ckeditor dan Ckfinder di sini, sangat bagus!) ）
Unduh Ckfinder, lalu salin file ckfinder.dll dari direktori /bin ke direktori bin situs, salin direktori ckfinder ke direktori root situs (Anda dapat memilih jalur lain), dan referensikan ckfinder.dll
Konfigurasikan ini:
Jika Anda berada di halaman .aspx yang ingin Anda ckeditor, itu adalah sebagai berikut:
CKEDITOR.replace('Kotak teks yang ingin Anda aktifkan pengeditan',
{
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'
}
);
Tentu saja, gunakan metode konfigurasi global
Konfigurasikan di config.js plugin Ckeditor
config.filebrowserBrowseUrl="/ckfinder/ckfinder.html";
config.filebrowserImageBrowseUrl="/ckfinder/ckfinder.html? Type=Images";
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";
Setelah konfigurasi, ubah config.ascx di ckfinder
CheckAuthentication()in Return true, jika tidak, itu tidak akan diunggah dan memerlukan verifikasi
Jalur ke BaseUrl di SetConfig() adalah jalur untuk mengunggah
Juga setelah memperhatikan jangan lupa untuk referensi file bll di ckfinder
Nah, integrasi dan pengunggahan gambar Anda berhasil diselesaikan.
Atau, jika Anda ingin menyembunyikan tab Hyperlink dan Lanjutan di panel Gambar, Anda dapat melakukannya di plugins/image/dialogs/image.js CKEditor.
Cari "Link" dan "advanced" di "id:'Link'," dan "id:'advanced'," dan tambahkan "hidden:true", lakukan saja.
Jika Anda ingin meningkatkan tampilan dan mengoptimalkan situs web Anda, lihat beberapa artikel berikut.
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 |
Mantan:asp.net Editor Teks (FCKeditor)Depan:SQL Server menentukan apakah ada database, tabel, kolom, dan tampilan
|
