Введение в 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, скачайте 2 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, в разделе Release в bin есть DLL FCKeditor (здесь также есть папка отладки, рекомендуется использовать release), нужно добавить ссылку на него в проекте.
1. Кликните правой кнопкой мыши в браузере проекта и выберите Добавить ссылку... ), найдите вкладку «Просмотр», затем найдите FredCK.FCKeditorV2.dll, который вы распаковали, и подтвердите. В настоящее время в каталоге проектов FCKPro есть дополнительная папка bin, содержащая FredCK.FCKeditorV2.dll файлы.
2. Для облегчения разработки RAD мы также добавили управление FCKeditor в VS Toolbox, расширить общую группу вкладок (General) в наборе инструментов и кликнуть правой кнопкой мыши, чтобы выбрать компонент (Выбрать элементы... ), напрямую найдите кнопку просмотра в диалоговом окне, найдите 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. Настройте скин. Есть стандартные варианты, 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, то есть базовую панель инструментов,
FCKConfig.ToolbarSets["Basic"] = [
[''Жирный','Курсив','-','УпорядоченныйСписок','-','Ссылка','Развязка','Изображение,'-','О нас]
] ;
На самом деле, вы можете настроить их в соответствии с вашими потребностями, а функции достаточно мощны, чтобы предоставить больше вариантов, что точно удовлетворит ваши потребности.
Конечно, вы также можете настроить WebConfig для обеспечения безопасности, о чём мы поговорим далее.
Проблемы FCKEditor 2.6:
1. Решение ошибки «Please check the editor/filemanager/connectors/aspx/config.aspx» в FCKeditor
Откройте editor/filemanager/connectors/aspx/config.ascx, чтобы изменить метод CheckAuthentication() и вернуть true
- private bool CheckAuthentication()
- {
- return true;
- }
2. Нажмите «Просмотреть сервер» в окне загрузки файла, сервер не отправил обратно, появится правильный xml..... Сообщение об ошибке, поскольку поздние версии FCKEditor требуют отправки различных типов файлов в разные каталоги, включая файлы, изображение, falsh, медиа и т.д., которые должны быть сначалены.
FCKeditor упрощён
Зайдите в папку FCKeditor и удалите все файлы и папки, начинающиеся с "_", вот несколько примеров, просто оставьте папку editor, fckconfig, fckeditor, fckstyles.xml, fcktemplates.xml;
Перейдите в папку редактора, удалите папку «_source» и вставьте туда исходный файл;
Вернёмся в предыдущую папку в папку файлового менеджера, там две папки: браузер и загрузка. Зайдите в браузерные «стандартные» коннекторы, оставьте только папку 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
|
|
|
