Въведение във FCKeditor
FCKeditor е мощен текстов редактор, който поддържа функционалността WYSIWYG и може да предостави на потребителите онлайн услуги за редактиране на документи като софтуер Microsoft Office. Не изисква никаква клиентска инсталация, съвместим е с повечето масови браузъри и поддържа програмни среди като ASP.Net, ASP, ColdFusion, PHP, Java, Active-FoxPro, Lasso, Perl, ython и др.
Официален уебсайт http://www.fckeditor.net/
Официална документация http://wiki.fckeditor.net/
Изтеглете адреса http://www.fckeditor.net/download/default.html
Всъщност процесът на конфигурация на различните версии на FCKeditor е по същество сходен, и тук ще вземем най-новата версия 2.63 като пример, за да я въведем.
Инсталация и конфигурация на FCKeditor
За да http://www.fckeditor.net, изтеглете двата zip пакета за FCKeditor2.63.zip и FCKeditor.NET версия 2.63
(a) FCKeditor_2.6.3 е най-новият му Javascrip без t файлове и изображения;
(b) FCKeditor.Net_2.6.3.zip е DLL файл с ASP.NET контрол.
Разархивирайте, за да получите основния файл на FCKeditor, и го копирайте в основната директория на уеб проекта (препоръчва се, разбира се, да го сложите навсякъде). После разкопчайте Б и се махнете. .NET поддържан изходен код, enter, има FCKeditor DLL в Release под bin (има и папка за дебъг тук, препоръчва се да се използва release), трябва да добавим препратка към него в проекта.
1. Кликнете с десен бутон върху браузъра на проекта и изберете Добави референция... ), намерете таба Преглед, след това намерете FredCK.FCKeditorV2.dll, който сте разархивирали, и потвърдете. В момента има допълнителна папка bin в директорията на проекта FCKPro, която съдържа FredCK.FCKeditorV2.dll файлове.
2. За да улесним разработката на RAD, добавихме и контрола FCKeditor към VS Toolbox, разширихме общата група табове (General) в toolbox и кликнахме с десен бутон за избор на компонента (Изберете предмети... ), директно намери бутона за разглеждане в диалоговия прозорец, намери FredCK.FCKeditorV2.dll и след това потвърди.
3. Конфигурирайте WebConfig, добавете я във <appSettings>възела, както е показано по-долу:- <appSettings>
- <add key="FCKeditor:BasePath" value="/Web/fckeditor/"/>
- <add key="FCKeditor:UserFilesPath" value="/Web/Upload/" />
- </appSettings>
Забележка: "/Web/" е името на проекта.
BasePath:fckeditor е директорията, в която се намира цялата папка FCKeditor.
UserFilesPath: Пътят към качване на файлове, изображения и др.
След като завършим първия елемент в подробната конфигурация по-долу, можем да използваме контрола FCKeditor. За да отстраним по-добре този инструмент и да го направим да отговаря на нашите реални нужди, е необходимо да се модифицират настройките на неговите свойства.
Детайлни настройки на FCKeditor
Отиди в папката FCKeditor и редактирай fckconfig файла. Всъщност списъкът е сравнително ясен, писането е по-стандартизирано и има някои анотации, но докато знаете малко английски, можете да го разберете и е много удобно за работа. Ето няколко често използвани настройки като малък пример.
1. Тази стъпка е задължителна, най-важната и съществена.
Първоначално:
var _FileBrowserLanguage = 'php' ; asp | aspx | cfm | Ласо | perl | php | py
var _QuickUploadLanguage = 'php' ; asp | aspx | cfm | Ласо | php
Променено на:
var _FileBrowserLanguage = 'aspx' ; asp | aspx | cfm | Ласо | perl | php | py
var _QuickUploadLanguage = 'aspx' ; asp | aspx | cfm | Ласо | php
2. Конфигурирайте езиковия пакет. Има английски, традиционен китайски и др., тук използваме китайски опростен.
Първоначално:
FCKConfig.DefaultLanguage = 'en' ;
Променено на:
FCKConfig.DefaultLanguage = 'zh-cn' ;
3. Конфигурирайте кожата. Има default, office2003, silver style и др., тук можем да използваме стандартния вариант.
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ;
4. Можете да използвате клавиша Tab в домейна на редактора. (1 е да, 0 е не)
FCKConfig.TabSpaces = 0 ; FCKConfig.TabSpaces = 1;
5. Добавете няколко метода за шрифтове, които често използваме, като например:
Преразгледа
FCKConfig.FontNames = 'Arial; Comic Sans MS; Куриер Нов; Тахома; Times New Roman; Verdana' ;
Променено на:
FCKConfig.FontNames = 'Песенен стил; черно тяло; духовен текст; Курсивът _GB2312; Ариал; Comic Sans MS; Куриер Нов; Тахома; Times New Roman; Verdana'
6. Стандартният дисплей шрифт в домейна на редактора е 12px, и ако искате да го модифицирате, можете да модифицирате стила според изискванията, да отворите /editor/css/fck_editorarea.css и да промените атрибута font-size. Например, размер на шрифта: 14px;
7. За безопасността.
Ако редакторът ви се използва във фронтенда на сайта, тогава трябва да вземете предвид сигурността, не използвайте лентата с инструменти по подразбиране на преден план, или персонализирайте функцията, или използвайте системата, която е дефинирала Basic, тоест лентата с инструменти Basic,
FCKConfig.ToolbarSets["Basic"] = [
['Удебелен', 'Италий','-','Подреден списък','Неподреден списък','-','Линк','Развръзки','Изображение','-','За нас]
] ;
Всъщност можете да ги настроите според собствените си нужди, а функциите са достатъчно мощни, за да предоставят повече възможности, които определено ще отговорят на вашите нужди.
Разбира се, можете също да конфигурирате WebConfig, за да осигурите сигурност, за което ще говорим по-нататък.
Проблеми с FCKEditor 2.6:
1. Решение на грешката "Моля, проверете редактора/файловия мениджър/connectors/aspx/config.aspx" в FCKeditor
Отворете editor/filemanager/connectors/aspx/config.ascx, за да модифицирате метода CheckAuthentication() и да върнете true
- private bool CheckAuthentication()
- {
- return true;
- }
2. Кликнете върху Browse Server в прозореца за качване на файл, сървърът не е изпратил обратно, ще се появи подходящ xml..... Съобщение за грешка, защото по-късните версии на FCKEditor изискват различни типове файлове да се изпращат към различни директории, включително файл, образ, falsh, медия и др., които трябва да бъдат установени първо.
FCKeditor е опростен
Отиди в папката FCKeditor и изтрий всички файлове и папки, започващи с "_", това са някои примери, просто запази editor folder, fckconfig, fckeditor, fckstyles.xml, fcktemplates.xml;
Отидете в папката editor, изтрийте папката "_source" и поставете изходния файл в нея;
Върнете се в предишната директория в папката файлов мениджър, там има две папки: браузър и качване. Отиди в браузъра "default" конектори, остави само папката aspx и изтрий останалите. Директорията MCPUK също може да бъде изтрита; качването е същото, само че папката aspx се запазва;
Върни се в редактора и после влез в папката с изображения, усмивката се появява в иконата на емоджито, има две серии – msn и fun, ако искаш да използваш свой емоджи, можеш да ги изтриеш всички; Ако искате да използвате иконата на емоджито тук, не го изтривайте;
lang се поставя в езиковия пакет, ако използвате само китайски опростен, тогава запазвате само двата файла fcklanguagemanager и zh-cn, препоръчва се да се пазят двата файла en (английски) и zh (традиционен китайски), fcklanguagemanager е конфигурационният файл на езика, който може да се сдвои с настройките в fckconfig, съответстващи на съответния езиков файл, трябва да се запази!
След това излез от папката lang, влез в папката skins, ако искаш да използваш стандартния кремообразно жълт цвят на FCKeditor, след това изтрий другите две папки, освен стандартната, директно, ако искаш да използваш нещо друго, зависи от личните ти предпочитания.
Пакет с asp.net редактор:
ckeditor_aspnet_3.6.6.2.zip
(1.32 MB, Брой изтегляния: 0, Цена за продажба: 2 Grain MB)
|
Публикувано в 17.04.2015 г. 13:35:50 ч.
|
|
|
