|
|
Опубліковано 17.04.2015 16:20:20
|
|
|
Через два дні Ckeditor і Ckfinder нарешті інтегрували функцію завантаження зображень.
Тут я напишу про свій досвід.
Щоб впровадити модуль редагування новин, мій брат познайомив мене з Ckeditor.
Спочатку завантажте .net версію Ckeditor на http://ckeditor.com/, я використовую ckeditor_aspnet_3.6.4.
Після завантаження розпакуйте його. Але не все тут корисне, тож можна сказати
де sample — це приклад, а source — вихідний файл
, безпосередньо видалено
, мета — зменшити об'єм редактора. Потім скопіюйте всю папку безпосередньо в кореневу директорію сайту. Джерело
ckeditro.net.dll
У заголовку сторінки, де потрібно скористатися редактором:
<scrip видалити t src="/ckeditor/ckeditor.js" type="text/javascrip видалити t" ></scrip去掉t>
<scrip видалити t type="text/javascrip видалити t" >
window.onload = функція () {
CKEDITOR.replace("txtContent");
}
</scrip去掉t>. . .
Тіло
：
<CKEditor:CKEditorControl ID="CKEditor1" BasePath="~/ckeditor/" runat="server">
</CKEditor:CKEditorControl>
Фоновий код також простий:
статтю. ЗМІСТ СТАТТІ = CKEditor1.Текст; Це призначає відредагований контент до поля ARTICLECONTENT модельного класу статті.
І на цьому мій редактор успішно завершено!
Але знову виникла велика проблема — Ckeditor не має можливості завантажувати зображення, що справді є головним болем. Як це зробити? Їдь у Байду.
Як тільки я зайшов в інтернет, я зрозумів, що є багато способів вирішити проблему: деякі кажуть, що це створення функції завантаження зображення поза редактором, а потім передати його шлях посилання на сервер до поточного курсора редактора, потім реалізувати це, зробити це, і раптом виявити, що коли ви натискаєте на зовнішнє зображення завантаження, курсор взагалі не знаходиться в редакторі, що мені робити??? Подумайте, на жаль, з наявними знаннями я не можу це зробити, я можу лише здатися. (Якщо якийсь бог знає, залиште повідомлення, щоб повідомити мені, дякую); Дехто каже, що ти пишеш власний 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.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? Type=Зображення»;
config.filebrowserFlashBrowseUrl="/ckfinder/ckfinder.html? Type=Спалах»;
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
ПеревіритиАвтентифікація()in Повернути true, інакше файл не буде завантажений і потребує верифікації
Шлях до BaseUrl у SetConfig() — це шлях до завантаження
Також після уваги, не забудьте звернутися до файлу BLL у Ckfinder
Отже, ваша інтеграція та завантаження зображень успішно завершені.
Альтернативно, якщо ви хочете приховати вкладки Гіперпосилання та Розширені у панелі Зображень, це можна зробити в плагінах/зображеннях/діалогах CKEditor image.js
Знайдіть "Link" і "advanced" у "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 визначає, чи існують бази даних, таблиці, стовпці та вигляди
|
