Ця стаття є дзеркальною статтею машинного перекладу, будь ласка, натисніть тут, щоб перейти до оригінальної статті.

Вид: 16066|Відповідь: 0

[ASP.NET] asp.net Текстовий редактор (FCKeditor)

[Копіювати посилання]
Опубліковано 17.04.2015 13:35:50 | | |

Вступ до 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 як приклад для її представлення.


Встановлення та налаштування редактора FCK
Щоб 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, щоб отримати основний файл FCKeditor, і скопіюйте його в кореневу папку веб-проєкту (звісно, рекомендую, можна розмістити його будь-де). Потім розстібни блискавку і заїдь. Вихідний код підтримується .NET, enter є FCKeditor DLL у розділі Release (тут також є папка налагодження, рекомендується використовувати release), потрібно додати посилання на нього в проєкті.

1. Клацніть правою кнопкою миші у браузері проєкту та виберіть Додати посилання... ), знайдіть вкладку «Перегляд», потім знайдіть FredCK.FCKeditorV2.dll, який ви розпакували, і підтвердьте це. Наразі в каталозі проєктів FCKPro є додаткова папка bin, яка містить FredCK.FCKeditorV2.dll файли.

2. Щоб полегшити розробку RAD, ми також додали керування FCKeditor у VS Toolbox, розширити спільну групу вкладок (General) у toolbox, і клацнути правою кнопкою миші для вибору компонента (Вибрати елементи... ), одразу знайдіть кнопку перегляду у діалоговому вікні, знайдіть FredCK.FCKeditorV2.dll і підтвердьте це.

3. Налаштуйте WebConfig, додайте його у <appSettings>вузол, як показано нижче:
  1. <appSettings>
  2.         <add key="FCKeditor:BasePath" value="/Web/fckeditor/"/>
  3.         <add key="FCKeditor:UserFilesPath" value="/Web/Upload/" />        
  4.     </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, silverstyle тощо, тут можна використовувати стандартний варіант.

FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ;

4. Ви можете використовувати клавішу Tab у домені редактора. (1 — це так, 0 — ні)

FCKConfig.TabSpaces = 0 ; FCKConfig.TabSpaces = 1;

5. Додайте кілька методів шрифтів, які ми часто використовуємо, наприклад:

Переглянути

FCKConfig.FontNames = 'Arial; Комікс без рукопису; Кур'єр Новий; Тахома; Times New Roman; Verdana' ;

Змінено на:

FCKConfig.FontNames = 'Стиль пісні; чорне тіло; духовний шрифт; курсивом _GB2312; Arial; Комікс без рукопису; Кур'єр Новий; Тахома; Times New Roman; Verdana'

6. Шрифт за замовчуванням у домені редактора — 12px, і якщо ви хочете його змінити, можете змінити таблицю стилів відповідно до вимог, відкрити /editor/css/fck_editorarea.css і змінити атрибут розміру шрифту. Наприклад, розмір шрифту: 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   
  1. private bool CheckAuthentication()
  2. {
  3.         return true;
  4. }
Копія коду



2. Натисніть «Переглянути сервер» у вікні «Завантажити файл», сервер не надіслав назад і з'явиться відповідний xml..... Повідомлення про помилку, оскільки пізніші версії FCKEditor вимагають надсилання різних типів файлів у різні каталоги, включно з файлом, зображенням, falsh, медіа тощо, які потрібно спочатку встановити.


FCKeditor оптимізовано
Перейдіть у папку FCKeditor і видаліть усі файли та папки, що починаються на "_", ось кілька прикладів, просто залиште папку editor, fckconfig, fckeditor, fckstyles.xml, fcktemplates.xml;

Перейдіть до папки редактора, видаліть папку "_source" і вкладіть туди вихідний файл;

Поверніться до попередньої папки у файловому менеджері, там є дві папки: браузер і завантаження. Перейдіть у браузерні «стандартні» конектори, залиште лише папку aspx і видаліть решту. Каталог MCPUK також можна видалити; Завантаження те саме, лише зберігається папка aspx;

Поверніться до редактора, потім зайдіть у папку зображень, смайлик з'являється в іконці емодзі, є дві серії — msn і fun, якщо хочете використати власний емодзі, можна видалити їх усі; Якщо хочете використати іконку емодзі тут, не видаляйте його;

lang додається до мовного пакету, якщо ви використовуєте лише Chinese Simplified, то зберігайте лише два файли 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)




Попередній:ASP.NET анти-SQL ін'єкції
Наступний:Інтеграція Ckeditor та Ckfinder Функція завантаження зображень (версія .net)
Застереження:
Усе програмне забезпечення, програмні матеріали або статті, опубліковані Code Farmer Network, призначені лише для навчання та досліджень; Вищезазначений контент не повинен використовуватися в комерційних чи незаконних цілях, інакше користувачі несуть усі наслідки. Інформація на цьому сайті надходить з Інтернету, і спори щодо авторських прав не мають до цього сайту. Ви повинні повністю видалити вищезазначений контент зі свого комп'ютера протягом 24 годин після завантаження. Якщо вам подобається програма, будь ласка, підтримуйте справжнє програмне забезпечення, купуйте реєстрацію та отримайте кращі справжні послуги. Якщо є будь-яке порушення, будь ласка, зв'яжіться з нами електронною поштою.

Mail To:help@itsvse.com