|
|
Опубликовано 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 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="server">
</CKEditor:CKEditorControl>
Фоновый код также прост:
статья. СОДЕРЖАНИЕ СТАТЬИ = CKEditor1.Text; Это назначает отредактированный контент полю 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, это следующее:
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
CheckAuthentication()in Return 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 определяет, существуют ли базы данных, таблицы, столбцы и представления
|
