Сегодня онлайн -редактор был загружен в среде ASP, но он был недействительным. Я давно искал это введение. Fckeditor поддерживает различные языки сценариев сервера.
Для систем ASP:
Fckeditor Root Directory, только сохранить fckeditor.asp, fckconfig.js, fckeditor.js, fckpackager.xml, fckstyles.xml,
fcktemplates.xml файлы и каталог редакторов. Удалить образцы каталога _samples.
Только каталог ASP сохраняется в каталоге Fckeditor/Editor/FileManager/Connectors, а другие каталоги и файлы удаляются.
(2) Измените программу скрипта (язык), используемой для загрузки файла.
Программа загрузки файлов fckeditor по умолчанию - ASP.
Если он используется в системе PHP, вам необходимо внести следующие модификации и открыть fckconfig.js
оказаться:
var _filebrowserlang ge = asp
var _quickuploadlang ge = asp
Изменить на:
var _filebrowserlang ge = php
var _quickuploadlang ge = php
(3) Включите загрузку файла и измените каталог загрузки файла.
Для систем ASP:
Откройте fckeditor/editor/filemanager/connectors/asp/config.asp
Включить загрузку файла:
оказаться:
ConfigIsenabled = false
Изменить на:
ConfigIsEnabled = tr
Установите каталог загрузки и хранения:
оказаться:
ConfiguserFilespath =/admin/uppic/
Изменить на:
Configuserfilespath = пользовательский путь
Для систем PHP:
Откройте fckeditor/editor/filemanager/browser/default/connectors/php/config.php
Включить загрузку файла:
оказаться:
$ Config [enabled] = false
Изменить на:
$ Config [enabled] = tr
Установите каталог загрузки и хранения:
оказаться:
$ Config [userfilespath] = /userfiles /
Изменить на:
$ Config [userfilespath] = пользовательский путь
(4) Измените загруженный метод именования файлов.
Fckeditor загружает файлы, имя файла использует исходное имя файла.
квадрат:
Для систем ASP:
Откройте fckeditor/sample/edit/edit/edit/edit/filemanager/connectors/asp/commands.asp
оказаться:
sfilename = sanitizefilename (sfilename)
Изменить это предложение на пользовательский формат именования файлов, например:
Dim rndstr
Рандомизировать
Rndstr = cstr (fix (9000*rnd ()+1000)) генерирует случайное число
SfilEname = Год (дата) и месяц (дата) и день (дата) и час (время) и минута (время) и второе (время) и rndstr & & & & & & & & & & &
**напряжение
Для систем PHP:
Откройте fckeditor/editor/editor/filemanager/connectors/php/commands.php
оказаться:
$ soriginalfilename = $ sfilename;
Включено в это предложение:
// Инициализировать семя
$ sstr = split (, microtime (), 5);
$ seed = $ str [0]*10000;
// Инициализировать генератор случайных чисел с помощью семян
Srand ($ SEED);
// генерировать случайные числа в указанном диапазоне
$ random = rand (1000 10000);
// немедленно синтезируйте имя файла
$ sfilename = date (ymdhis, time ()). $ случайный ... $ ** напряжение;
(5) Как Fckeditor ссылается в программе.
Для систем ASP:
Необходимо включить следующий файл заголовка
<!-#inc?
Добавьте следующий код в место редактора:
<%
Dim Ofckeditor
Набор ofckeditor = new fckeditor
ofckeditor.basepath = / fckeditor / Этот путь должен быть относительно корневого каталога сайта.
Не будет отображаться
ofckeditor.toolbarset = по умолчанию
ofckeditor.width = 98%
Ofckeditor.Height = 500px
ofckeditor.val = установить значение по умолчанию
ofckeditor.create shangpin_description Идентификатор редактора эквивалентен значению атрибута имени входного тега, здесь есть
shangpin_description
%>
Для PHP:
Добавьте следующий код в место редактора:
<? Php
inc? (fckeditor/fckeditor.php);
$ ofckeditor = new fckeditor (shangpin_description);
Значение атрибута имени, вот shangpin_description
$ ofckeditor-> basepath =/fckeditor/;
$ ofckeditor-> toolbarset = по умолчанию;
$ ofckeditor-> ширина = 98%;
$ ofckeditor-> высота = 500px;
$ ofckeditor-> val =;
$ ofckeditor-> create ();
?>
(6) Получите данные в fckeditor.
Для программ сценариев на стороне сервера просто используйте идентификатор редактора в качестве значения атрибута имени входного тега, например:
Req st (shangpin_description) в asp, $ _req st [shangpin_description] в php
Используйте fckeditorapi.getinstance (shangpin_description) .getxhtml (tr) в JS, чтобы получить соответствующее значение shangpin_description
Конфигурация ASP Ckeditor
После долгого поиска в Интернете в течение долгого времени я наконец нашел это! O (∩_∩) o ха -ха ~
1. Как использовать:
1. Представьте файл ckeditor core ckeditor.js на странице <adement>
<script type = text/javascript src = ckeditor/ckeditor.js> </script>
2. Вставьте HTML Control <Textarea>, где вы используете редактор
<textarea id = textarea1 cols = 20 Rows = 2 class = ckeditor> </textarea>
Если это среда ASP.NET, также можно использовать элемент управления на стороне сервера <TextBox>.
<ASP: TextBox ID = TBContent Runat = Server TextMode = Multiline Class = ckeditor> </asp: Textbox>
Обратите внимание, что класс = ckeditor добавлен в контроль.
3. Замените соответствующий элемент управления кодом редактора
<script type = text/javascript>
Ckeditor.replace ('textarea1');
// Если это контроль на стороне сервера <Textbox>, используемый в среде ASP.NET
Ckeditor.replace ('tbcontent');
// Если элемент управления <Textbox> на главной странице, напишите таким образом
Ckeditor.replace ('< %= tbcontent.clientid.replace (_, $) %>');
</script>
4. Настройка редактора
Конфигурация CKEDitor сосредоточена в файле ckeditor/config.js.
// язык интерфейса, по умолчанию «en»
config.language = 'zh-cn';
// установить ширину и высота
config.width = 400;
config.height = 400;
// Существует три типа стилей редактора: «kama» (по умолчанию), «Office2003», «v2»
config.skin = 'v2';
// цвет фона
config.uicolor = '#fff';
// Панель инструментов (базовые «базовые», все раунд «полный», пользовательский) плагины/панель инструментов/plugin.js
config.toolbar = 'basic';
config.toolbar = 'full';
Это будет работать с:
config.toolbar_full = [
['Source', '-', 'save', 'newpage', 'preview', '-', 'templates'],
['Cut', 'Copy', 'Paste', 'pastetext', 'pastefromword', '-', 'print', 'spellchecker', 'scayt'],
['Undo', 'redo', '-', 'find', 'reply', '-', 'selectall', 'removeFormat'],
['Form', 'fackbox', 'radio', 'textfield', 'textarea', 'select', 'button', 'imagebutton', 'hiddenfield'],
'/',
['' Bold ',' italic ',' подчеркнуть ',' Strike ','-',' spist ',' superscript '],
['NumberedList', 'BulletedList', '-', 'Outdent', 'adpent', 'blockquote'],
['Usiifyleft', 'usiifycenter', 'reyifyright', 'resyifyblock'],
['Link', 'Unlink', 'Anchor'],
['Image', 'flash', 'table', 'horizontalrule', 'smiley', 'SpecialChar', 'Page Breake'],
'/',
['Styles', 'format', 'font', 'fontsize'],
['Textcolor', 'bgcolor']
];
// может ли панель инструментов быть сжатой
config.toolbarcancollapse = true;
// местоположение панели инструментов
config.toolbarlocation = 'top'; // необязательно: внизу
// Будет ли панель инструментов расширена по умолчанию
config.toolbarstartupexpeded = true;
// undrag перетаскивать, чтобы изменить плагины функции размера/resize/plugin.js
config.resize_enabled = false;
// Измените максимальную высоту размера
config.resize_maxheight = 3000;
// Измените максимальную ширину размера
config.resize_maxwidth = 3000;
// Измените минимальную высоту размера
config.resize_minheight = 250;
// Измените минимальную ширину размера
config.resize_minwidth = 750;
// При отправке формы, содержащей этот редактор, возможно ли автоматически обновлять данные в элементе.
config.AutoupDateElement = true;
// Установить, использовать ли абсолютные или относительные каталоги, пустые или относительные каталоги
config.basehref = ''
// значение Z-индекса редактора
config.basefloatzindex = 10000;
// Установить ярлыки клавиш
config.keystrokes = [
[Ckeditor.alt + 121 /*f10* /, 'toolbarfocus'], // Получить фокус
[Ckeditor.alt + 122 /*f11* /, 'elementspathfocus'], // elementsfocus
[Ckeditor.shift + 121 /*f10* /, 'contextmenu'], // текстовое меню
[Ckeditor.ctrl + 90 /*z* /, 'undo'], // отозвать
[Ckeditor.ctrl + 89 /*y* /, 'redo'], // redo
[Ckeditor.ctrl + ckeditor.shift + 90 /*z* /, 'redo'], //
[Ckeditor.ctrl + 76 /*l* /, 'link'], // ссылка
[Ckeditor.ctrl + 66 /*b* /, 'bold'], // bold
[Ckeditor.ctrl + 73 /*i* /, 'italic'], // курсив
[Ckeditor.ctrl + 85 /*u* /, 'underline'], // подчеркнуть
[Ckeditor.alt + 109 /*-* /, 'Toolbarcollapse']
]
// Настройка ярлыков клавиш может противоречить с плагинами клавиш браузера/клавиш/plugin.js.
config.blockedkeystrokes = [
Ckeditor.ctrl + 66 /*b* /,
Ckeditor.ctrl + 73 /*i* /,
Ckeditor.ctrl + 85 /*u* /
]
// Установите значение цвета фона элемента в плагинах редактирования/Colorbutton/Plugin.js.
config.colorbutton_backstyle = {
элемент: 'span',
Стили: {'фоновый цвет': '#(color)'}
}
// Установите значение значения цвета переднего плана/colorbutton/plugin.js
config.colorbutton_colors = '000 800000,8B4513,2F4F4F, 0080808080,4B0082,696969, B22222, A52A2A, DAA520,
006400,40e0d0 0000CD, 800080 808080, F00, FF8C00, FFD700 008000,0FF, 00F, EE82EE,
A9A9A9, FFA07A, FFA500, FFFF00,00FF00, AFEEEE, ADD8E6, DDA0DD, D3D3D3, FFF0F5,
FaeBD7, FFFFE0, F0FFF0, F0FFFF, F0F8FF, E6E6FA, FFF '
// Будь то отображать другие цветовые параметры при выборе цветовых плагинов/colorbutton/plugin.js
config.colorbutton_enablemore = false
// Значение по умолчанию блока на переднем плане установлено на плагины/colorbutton/plugin.js
config.colorbutton_forestyle = {
элемент: 'span',
Стили: {'color': '#(color)'}
};
// Добавить в добавление файла CSS, который вам необходимо добавить здесь, вы можете использовать относительный путь и абсолютный путь веб -сайта.
config.contentscss = './contents.css';
// текстовое направление
config.contentslangdirection = 'rtl'; // Слева направо
// Если вы не хотите настроить файл конфигурации, просто оставьте его пустым
Ckeditor.replace ('myfiled', {customconfig: './config.js'});
// Цвет фона блоки редактирования интерфейса/Dialog/plugin.js
config.dialog_backgroundcovercolor = 'rgb (255, 254, 253)';
config.dialog_backgroundcovercolor = 'white' // по умолчанию
// значение непрозрачности фона должно быть между: 0,0 и 1,0 плагины/диалог/плагин.js
config.dialog_backgroundcoverpacity = 0,5
// Блок Адсорбции Адсорбции при перемещении или изменении элементов: Pixel Plugins/Dialog/plugin.js
config.dialog_magnetDistance = 20;
// Будут ли отклонить локальную проверку заклинаний и побуждают по умолчанию отказ в настоящее время только Firefox и плагины поддержки Safari/Wysiwygarea/plugin.js.
config.disablenativepellchecker = true
// Функции редактирования таблиц, такие как: Добавление строк или столбцов в настоящее время поддерживается только Firefox для плагинов/wysiwygarea/plugin.js
config.disablenativetable handles = true;
// Будь то включить функцию размера изменения изображений и таблиц в config.disableObjectrisize = true;
config.disableObjectrisizing = false // По умолчанию включена
// Установить тип документа HTML
config.doctype = '<! doctype html public -// w3c // dtd xhtml 1.0 transitional // en;
// Снижение плагинов зоны редактирования/редактирование/plugin.js
config.editingblock = true;
// тег, сгенерированный возвратом кареты в редакторе
config.Enermode = ckeditor.enter_p;
// использовать HTML -объекты для вывода плагинов/объектов/plugin.js
config.entities = true;
// Определите больше объектов плагинов/объектов/plugin.js
config.entities_additional = ' # 39'; // где # заменяет и
// Будь то конвертировать некоторые сложные символы в соответствующие плагины/объекты/плагин/плагин HTML.
config.entities_greek = true;
// Будь то конвертировать некоторые латинские символы в плагины/объекты HTML/plugin.js
config.entities_latin = true;
// Будьте конференции по специальным персонажам в символы ASCII, такие как китайский: китайский
config.entities_processnumeric = false;
// Добавить новые компоненты
config.extraplugins = 'myplugin';
// Использование выделения цветовых плагинов/find/plugin.js при поиске
config.find_highlight = {
элемент: 'span',
Styles: {'founal-color': '#ff0', 'color': '#00f'}
};
// Плагины по умолчанию плагины/font/plugin.js
config.font_defaultlabel = 'arial';
// Вы можете добавить широко используемые китайские иероглифы при редактировании набора символов: Song Font, Kai Font, Bold Font и других плагинов/font/plugin.js
config.font_names = 'arial; times new Roman; Verdana';
// стиль текстовых плагинов по умолчанию/font/plugin.js
config.font_style = {
элемент: 'span',
Стили: {'font-family': '#(семья)'},
Переопределения: [{element: 'font', attributes: {'face': null}}]
};
// плагины размера шрифта по умолчанию/font/plugin.js
config.fontsize_defaultlabel = '12px';
// Необязательный размер шрифта при редактировании плагинов/font/plugin.js
config.fontsize_sizes = '8/8px; 9/9px; 10/10px; 11/11px; 12/12px; 14/14px; 16/16px; 18/18px; 20/20px; 22/22px; 24/24px; 26 /26px; 28/28px; 36/36px; 48/48px; 72/72px '
// Стиль плагины/font/plugin.js, используемый при настройке размера шрифта
config.fontsize_style = {
элемент: 'span',
Стили: {'font-size': '#(size)'},
Переопределения: [{element: 'font', attributes: {'size': null}}]
};
// Будь то заставлять скопировать содержимое для удаления плагинов формата/pastetext/plugin.js
config.forcepastasteAsplaintext = false // не удален
// Будь то заменить и заменить и плагины/htmldataprocessor/plugin.js
config.forcesiMpleampersand = false;
// Форматируйте плагины с адресом адреса/format/plugin.js
config.format_address = {element: 'Адрес', атрибуты: {class: 'styledleddress'}};
// автоматически форматировать плагины Div Tags/format/plugin.js
config.format_div = {element: 'div', attributes: {class: 'normaldiv'}};
// автоматически форматировать плагины тега H1/format/plugin.js
config.format_h1 = {element: 'h1', атрибуты: {class: 'contentTitle1'}};
// автоматически форматировать плагины H2 Tag/Format/plugin.js
config.format_h2 = {element: 'h2', атрибуты: {class: 'contentTitle2'}};
// автоматически форматировать плагины тега H3/format/plugin.js
config.format_h1 = {element: 'h3', атрибуты: {class: 'contentTitle3'}};
// автоматически форматировать плагины тега H4/format/plugin.js
config.format_h1 = {element: 'h4', атрибуты: {class: 'contentTitle4'}};
// автоматически форматировать плагины тега H5/format/plugin.js
config.format_h1 = {element: 'h5', атрибуты: {class: 'contentTitle5'}};
// автоматически форматировать плагины тега H6/format/plugin.js
config.format_h1 = {element: 'h6', атрибуты: {class: 'contentTitle6'}};
// автоматически форматируйте p тегов плагинов/format/plugin.js
config.format_p = {element: 'p', атрибуты: {class: 'normalpara'}};
// автоматически форматировать плагины Pre Tags/format/plugin.js
config.format_pre = {element: 'pre', attributes: {class: 'code'}};
// Показать плагины/format/plugin.js на панели инструментов с именами тегов с полуколоном на панели инструментов
config.format_tags = 'p; h1; h2; h3; h4; h5; h6; pre; адрес; div';
// Если вы используете полный режим редактирования HTML, исходный код будет включать теги, такие как <html> <body> </body> </html> и т. Д.
config.fulpage = false;
// Будут ли игнорировать пустые символы в абзаце.
config.ignoreemptyparagraph = true;
// При очистке атрибутов ссылки в поле «Свойства изображения я очищаю плагины» тега/image/plugin.js с обеих сторон одновременно при очистке атрибутов ссылки в поле «Свойства изображения», он очищает <a> плагины тега/image/plugin.js
config.image_removelinkbyemptyurl = true;
// Набор имен меток, разделенных запятыми, отображается в иерархическом гнездовании в левом левом углу плагинов/меню/плагин.js.
config.menu_groups = 'Буферизатор, форма, табличка, TablecellProperties, TableSerow, TableColumn, таблица, якорь, ссылка, изображение, флэш -флажок, радио, текстовое поле, Hiddenfield, ImageButton, Button, Select, Textarea';
// задержка при отображении подменю, блок: MS Plugins/Menu/Plugin.js
config.menu_submenudelay = 400;
// При выполнении новой команды содержимое в плагинах редактора/newpage/plugin.js
config.newpage_html = '';
// При копировании текста из Word, будь то форматирование текста и удалить плагины/pastefromword/plugin.js
config.pastefromWordOReFontface = true;
// Будь то использовать <h1> <h2> и другие теги для изменения или замены контента, вставленного из плагинов Word Document/PasteFromWord/plugin.js
config.pastefromWordKeepSstructure = false;
// Снижение плагинов формата/PasteFromWord/plugin.js при вставке содержимого из Word
config.pastefromwordRemovestyle = false;
// Форматируем выходной контент HTML в соответствии с типом фонового языка, по умолчанию пусто
config.protectedsource.push (/</? [/s/s]*?/?>/g);
config.protectedsource.push (// g);
config.protectedsource.push (/(]+> [/s |/s]*?
// тег вставлен при вводе: shift+enter
config.shiftentermode = ckeditor.enter_p;
// Дополнительные смайлики заменителей символов плагины/smiley/plugin.js.
config.smiley_descriptions = [
':)', ':(', ';)', ': d', ':/', ': p',
'', '', '' ',' ',' '' '', '',
'', '; (' ',' ',' '' '', '', '',
'', ':целовать', '' ];
// соответствующие изображения выражения плагины/smiley/plugin.js
config.smiley_images = [
'reglar_smile.gif', 'sad_smile.gif', 'wink_smile.gif', 'teath_smile.gif', 'confused_smile.gif', 'tounge_smile.gif'
'abrested_smile.gif', 'omg_smile.gif', 'whatchutalkingabout_smile.gif', 'rough_smile.gif', 'angel_smile.gif', 'shades_smile.gif',
'devil_smile.gif', 'cry_smile.gif', 'lightbulb.gif', 'thumbs_down.gif', 'thumbs_up.gif', 'heart.gif',
'Broken_Heart.gif', 'Kiss.gif', 'envelope.gif'];
// Адрес плагинов выражения/smiley/plugin.js
config.smiley_path = 'plugins/smiley/images/';
// Когда страница загружена, получает ли коробка редактирования FOCUS FOCUS Plugins/EditingBlock/Plugin.js Plugins/EditingBlock/Plugin.js.
config.startupfocus = false;
// Как редактировать исходный код и плагины Wysiwyg и Wysiwyg/EditingBlock/Plugin.js при загрузке.
config.startupmode = 'wysiwyg';
// При загрузке отображается граница плагинов Frame/Showblocks/plugin.js
config.startupoutlineblocks = false;
// Будь загружать плагины файла стиля/stylescombo/plugin.js.
config.stylescombo_stylesset = 'по умолчанию';
// следующие являются необязательными
config.stylescombo_stylesset = 'myshyles';
config.stylescombo_stylesset = 'mystyles: /editorstyles/styles.js';
config.stylescombo_stylesset = 'myStyles: http: //www.example.com/editorstyles/styles.js';
// Значение начального индекса
config.tabindex = 0;
// Когда пользователь набрал вкладку, количество пробелов, передаваемых редактором, () Когда значение равна 0, фокус будет перемещен из плагинов Edit Plugins/tab/plugin.js
config.tabspaces = 0;
// используются плагины/шаблоны/шаблоны/шаблоны/plugin.js.
config.templates = 'по умолчанию';
// COMPS-SPEPATED STEMPLATE FILE PLUGINS/TEMPLATES/PLUGIN.JS.
config.templates_files = ['плагины/шаблоны/шаблоны/default.js']
// При использовании шаблонов будет заменено содержимое.
config.templates_replacecontent = true;
//тема
config.theme = 'по умолчанию';
// аннулировали записи шаги плагины/undo/plugin.js
config.undostacksize = 20;
// Интегрируйте CKFINDER в CKEDitor, обратите внимание, что выбор пути CKFINDER должен быть правильным.
//Ckfinder.setupckeditor(null, '/ckfinder/');