|
|
Публикувано в 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.Текст; Това присвоява редактираното съдържание на полето 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 в директорията на сайта, копирайте директорията на 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? Тип=Светкавица";
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 Върни true, в противен случай няма да бъде качен и изисква потвърждение
Пътят към BaseURL в SetConfig() е пътят за качване
Също така, след като обърнете внимание, не забравяйте да се обърнете към bll файла в Ckfinder
Е, интеграцията и качването на изображения са успешно завършени.
Алтернативно, ако искате да скриете Хипервръзките и Разширените табове в панела с изображения, можете да го направите в плъгините/изображения/диалозите/image.js на CKEditor
Потърси "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 определя дали има бази данни, таблици, колони и изгледи
|
