Подробная сводка конфигурации ckEditor в asp

<script type=text/javascript src=ckeditor/ckeditor.js></script>

2. Вставьте элемент управления HTML <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>

Обратите внимание, что class=ckeditor добавляется к элементу управления.

3. Замените соответствующий элемент управления кодом редактора.

Скопируйте код следующим образом:

<script type=text/javascript>

CKEDITOR.replace('TextArea1');

//Если это серверный элемент управления, используемый в ASP.NET; среда <TextBox>

CKEDITOR.replace('tbContent');

//Если элемент управления <TextBox> находится на главной странице, напишите

CKEDITOR.replace('<%=tbContent.ClientID.Replace(_,$) %>');

</script>

4. Настройте редактор

для копирования элемента. code Код следующий:

Конфигурация ckeditor сосредоточена в файле ckeditor/config.js. Ниже приведены некоторые часто используемые параметры конфигурации:

// Язык интерфейса, по умолчанию — «en»

config.language = «zh-cn». ';

// Установить ширину и высоту

config.width = 400;

config.height = 400

// Существует три стиля редактора: «kama» (по умолчанию), «office2003», «v2»

config.skin = «v2»

;

config.uiColor = '#FFF'

// Панель инструментов (Базовая «Базовая», Полная «Полная», Пользовательская) плагины/toolbar/plugin.js

config.toolbar = 'Basic';

config.toolbar = 'Full';

Это будет соответствовать:

config.toolbar_Full = [

['Source','-','Save','NewPage','Preview','-', 'Шаблоны'],

['Вырезать','Копировать','Вставить','Вставитьтекст','Вставить из слова','-','Печать', 'Проверка орфографии', 'Scayt'],

['Отменить','Повторить','-','Найти','Заменить','-','Выбрать все','RemoveFormat'],

['Форма', 'Флажок ', 'Радио', 'TextField', 'Textarea', 'Выбрать', 'Кнопка', 'ImageButton', 'HiddenField'],

'/',

['Жирный','Курсив','Подчеркнутый','Зачеркнутый','-','Подстрочный индекс','Надстрочный индекс'],

['Нумерованный список','Маркированный список','-','Отступ' ,'Indent','Blockquote'],

['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],

['Ссылка','Отменить связь','Привязка'],

['Изображение','Flash','Таблица','Горизонтальное правило','Смайлик','SpecialChar','PageBreak'],

'/',

[' Стили','Формат','Шрифт','FontSize'],

['TextColor','BGColor']

];

//Можно ли свернуть панель инструментов

config.toolbarCanCollapse = true;

//Расположение панели инструментов

config.toolbarLocation = 'top'; //Необязательно: внизу

//Развернута ли панель инструментов по умолчанию

config.toolbarStartupExpanded = true

/ /Отмена Перетащите, чтобы

изменить

размер

.

//Изменяем максимальную ширину размера

config.resize_maxWidth = 3000;

//Изменяем минимальную высоту размера

config.resize_minHeight = 250;

//Изменяем минимальную ширину размера

//При отправке

;

форма, содержащая этот редактор. Когда автоматически обновлять данные в элементе

config.autoUpdateElement = true

// Устанавливаем, использовать ли абсолютный каталог или относительный каталог, если пусто, это означает относительный каталог

config.baseHref = ''

// Значение z-индекса редактора

config.baseFloatZIndex = 10000;

// Установить сочетания клавиш

config.keystrokes = [

[ CKEDITOR.ALT + 121 /*F10*/, 'toolbarFocus' ], // Получить фокус

[ CKEDITOR.ALT + 122 /*F11*/, 'elementsPathFocus' ], //Фокус элемента

[CKEDITOR.SHIFT + 121 /*F10*/, 'contextMenu' ], //Текстовое меню

[ CKEDITOR.CTRL + 90 /*Z*/, 'undo' ], // Отмена

[ CKEDITOR.CTRL + 89 /*Y*/, 'redo' ], //Повторить

[ CKEDITOR.CTRL + CKEDITOR.SHIFT + 90 /*Z*/, 'повторить' ], //

[ CKEDITOR.CTRL + 76 /*L*/, 'link' ], //Ссылка

[ CKEDITOR.CTRL + 66 /*B*/, 'bold' ], // Жирный

[ CKEDITOR.CTRL + 73 /*I*/, 'курсив' ] , //Курсив

[ CKEDITOR.CTRL + 85 /*U*/, 'подчеркивание' ], // Подчеркивание

[ CKEDITOR.ALT + 109 /*-*/, 'toolbarCollapse' ]

]

// Установленные сочетания клавиш могут конфликтовать с сочетаниями клавиш браузера. plugins/keystrokes/plugin.js

config.blockedKeystrokes = [

CKEDITOR.CTRL + 66 /*B*/,

CKEDITOR.CTRL + 73 /*I* /. ,

CKEDITOR.CTRL + 85 /*U*/

]

//Установим значение цвета фона элемента в редакторе плагинов/colorbutton/plugin.js.

config.colorButton_backStyle = {

element: 'span',

styles: { 'background-color': '#(color)' }

}

//Устанавливаем значение цвета переднего плана плагины/colorbutton/plugin.js

config.colorButton_colors = '000,800000,8B4513,2F4F4F,008080,000080,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/ плагин .js

config.colorButton_enableMore = false

//Значение цвета переднего плана блока по умолчанию установлено плагинами/colorbutton/plugin.js

config.colorButton_foreStyle = {

element : 'span',

styles : { 'color' : '#(color)' } }

;

//Файлы CSS, которые необходимо добавить, можно добавить сюда, используя относительные и абсолютные пути к веб-сайту

config.contentsCss = './contents.css';

//Направление текста

config.contentsLangDirection = 'rtl'; //Слева направо

//Если вы не хотите настраивать файл конфигурации CKeditor, просто оставьте его пустым

CKEDITOR.replace('myfiled', { customConfig : '. /config.js' } );

//Цвет фона поля редактирования интерфейса плагины/dialog/plugin.js

config.dialog_backgroundCoverColor = 'rgb(255, 254, 253)'; //Можно установить для ссылки

config.dialog_backgroundCoverColor = 'white' //По умолчанию

//Значение непрозрачности фона должно находиться в диапазоне: 0,0~1,0 плагины/dialog/plugin.js

config.dialog_backgroundCoverOpacity = 0,5

// Переместить или Единицу расстояния адсорбции границы при изменении элемента: Pixel Plugins/dialog/plugin.js

config.dialog_magnetDistance = 20;

//Отказаться от локальной проверки правописания и запросов. По умолчанию отключено. В настоящее время только Firefox и Safari поддерживают плагины/wysiwygarea/plugin.js.

config.disableNativeSpellChecker = true

//Выполнение функций редактирования таблицы, таких как: добавление строк или столбцов. В настоящее время только Firefox поддерживает плагины/wysiwygarea/plugin.js

config.disableNativeTableHandles = true; //По умолчанию не включено

//Включить ли функцию изменения размера картинок и таблиц config.disableObjectResizing = true;

config.disableObjectResizing = false //По умолчанию включено

//Установить тип HTML-документа

config.docType = '<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd%22';

//Отрисовывать ли область редактирования плагины/editingblock/plugin.js

config.editingBlock

= true;

метка, созданная

EnterMode = CKEDITOR.ENTER_P //Необязательно: CKEDITOR.ENTER_BR или CKEDITOR.ENTER_DIV;

//Использовать ли сущности HTML для вывода плагинов/entities/plugin.js

config.entities = true;

//Определить больше сущностей плагинов/entities/plugin.js

config.entities_additional = '#39'; //где # заменяется &

//Преобразовывать ли некоторые трудноотображаемые символы в соответствующие символы HTML плагины/entities/plugin.js

config.entities_greek = true;

//Преобразовывать ли некоторые латинские символы в HTML; плагины/entities/plugin.js

config.entities_latin

= true;

//Преобразовать ли некоторые специальные символы в символы ASCII, например, «Это китайский»: 汉语.Преобразовать в «Это китайский: 中文».

= false ;

//Добавляем новый компонент

config.extraPlugins = 'myplugin'; //Только пример не по умолчанию

//Использовать цвет выделения при поиске плагинов/find/plugin.js

config.find_highlight = {

element : 'span',

Styles : { 'background-color' : '#ff0', 'color' : '#00f' }

}

// Имя шрифта по умолчанию плагины/font/plugin.js

config.font_defaultLabel = 'Arial';

//При редактировании шрифтов в набор символов можно добавить широко используемые китайские символы: Song, Kai, Hei и т. д. плагины/font/plugin.js

config.font_names = 'Arial;Times New Roman;Verdana'

//Стиль по умолчанию; текстовых плагинов/font/plugin.js

config.font_style = {

element: 'span',

Styles: { 'font-family': '#(family)' },

переопределяет : [ { element: 'font', атрибуты: { '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;2 0/20 пикселей; 22/22 пикселей; 24/24 пикселей; 26/26 пикселей; 28/28 пикселей; 36/36 пикселей; 48/48 пикселей; 72/72 пикселей'

//Стили, используемые при настройке размера шрифта плагины/font/plugin.js

config.fontSize_style = {

element : 'span',

Styles : { 'font-size' : '#(size)' },

переопределяет : [ { element : ' шрифт', атрибуты: { 'размер': null } } ]

}

//нужно ли принудительно удалить скопированный контент в формате плагины/pastetext/plugin.js

config.forcePasteAsPlainText =false // Не удалять

// Нужно ли принудительно & заменять &plugins/htmldataprocessor/plugin.js

config.forceSimpleAmpersand = false;

// Отформатировать тег адреса плагины/format/plugin.js

config.format_address = { element : 'address' , атрибуты: { class: 'styledAddress' } }

//Автоматически форматировать теги DIV плагины/format/plugin.js

config.format_div = { element: 'div', атрибуты: { class: 'normalDiv' } }

//Автоматически форматируем тег H1 плагины/format/plugin.js

config.format_h1 = { element: 'h1', атрибуты: { class: 'contentTitle1' } }

//Автоматически форматировать теги H2 плагины/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 = { элемент: 'h4', атрибуты: { класс: 'contentTitle4' } };

//Автоматически форматировать теги H5 плагины/format/plugin.js

config.format_h1 = { element : 'h5', атрибуты : { class : 'contentTitle5' } }

//Автоматически форматировать теги H6 плагины/format /plugin.js

config. format_h1 = {элемент: 'h6', атрибуты: {класс: 'contentTitle6' } };

//Автоматически форматировать тег P плагины/format/plugin.js

config.format_p = { element : 'p', атрибуты : { class : 'normalPara' } }

//Автоматически форматировать тег PRE плагины/format /plugin.js

config.format_pre = {элемент: «pre», атрибуты: {класс: «код» } };

//Имена тегов, разделенные точкой с запятой, отображаются на панели инструментов плагины/format/plugin.js

config.format_tags = 'p;h1;h2;h3;h4;h5;h6;pre;address;div'

//Если вы'; используйте полный режим редактирования HTML, исходный код будет включать: <html><body></body></html> и другие теги

config.fullPage = false;

// Игнорировать ли пустые символы в абзаце. Если не игнорировать, символы будут представлены плагинами/wysiwygarea/plugin.js

config.ignoreEmptyParagraph = true;

// Следует ли очищать обе стороны <a> одновременно. при очистке атрибута ссылки в поле атрибута изображения. Тег плагинов/image/plugin.js

config.image_removeLinkByEmptyURL = true;

//Набор имен тегов, разделенных запятыми, отображаемых в иерархической вложенности в левом нижнем углу плагинов/menu/plugin.js

='clipboard,form,tablecell,tablecellproperties,tablerow,tablecolumn,table,anchor, link ,image,flash,checkbox,radio,textfield,hiddenfield,imagebutton,button,select,textarea'

//Задержка при отображении подменю, единица измерения: мс плагины/menu/plugin.js

config.menu_subMenuDelay = 400;

//При выполнении новой команды содержимое в редакторе плагинов/newpage/plugin.js

config.newpage_html = '';

//При копировании текста из word. , форматировать и удалять ли текст плагины/pastefromword/plugin.js

config.pasteFromWordIgnoreFontFace = true; //По умолчанию формат игнорируется

//Использовать ли такие теги, как <h1><h2>, для изменения или замены содержимого, вставленного из документа Word, плагинов/pastefromword/plugin.js

config.pasteFromWordKeepsStructure =

//When

вставка содержимого из слова. Удалить ли формат плагинов/pastefromword/plugin.js

config.pasteFromWordRemoveStyle = false;

//Форматируем выходной HTML-контент в соответствии с типом фонового языка. По умолчанию используется пустое значение

config.protectedSource.push( /</?[/s/S]*?/?>/g )

; protectedSource.push( //g ); // Код ASP

config.protectedSource.push( /(]+>[/s|/S]*?<//asp:[^/>]+>)|(] + //>)/ги ); // Код ASP.Net

// Метка, вставляемая при вводе: Shift+Enter

config.shiftEnterMode

= CKEDITOR.ENTER_P // Необязательно: CKEDITOR.ENTER_BR или CKEDITOR.ENTER_DIV

// Необязательное выражение для замены символов plugs/smiley/plugin.

smiley_descriptions = [

':)', ':(', ';)', ':D', ':/', ':P',

'', '', '', '', '

', '', '', ';(', '', '', '', '',

'', ':kiss' , '' ];

// Соответствующие изображения-выражения плагины/smiley/plugin.js

config.smiley_images = [

'regular_smile.gif', 'sad_smile.gif', 'wink_smile.gif', 'teeth_smile.gif', 'confused_smile.gif', 'tounge_smile.gif',

'embaressed_smile.gif', 'omg_smile.gif', 'whatchutalkingabout_smile.gif', 'angry_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','конверт .gif'];

//Адрес плагинов смайликов/smiley/plugin.js

config.smiley_path = 'plugins/smiley/images/';

//Когда страница загружается, сразу ли поле редактирования получает фокус.plugins/editingblock/plugin.jsplugins/editingblock/plugin.js.config.startupFocus

= false

//При загрузке, с Как редактировать исходный код, исходный код WYSIWYG и плагины wysiwyg/editingblock/plugin.js

config.startupMode ='wysiwyg';

//Отображать ли границу фрейма при загрузке плагинов/showblocks/plugin.js

config.startupOutlineBlocks = false;

//Загружать ли файл стиля плагинов/stylescombo/plugin.js.

config.stylesCombo_stylesSet

= 'default';

ниже приведены необязательные

config.stylesCombo_stylesSet = 'mystyles';

config.stylesCombo_stylesSet = 'mystyles:/editorstyles/styles.js';

config.stylesCombo_stylesSet = 'mystyles:http://www.example.com/editorstyles/styles.js';

//Начальное значение индекса

config.tabIndex

= 0;

пользователь вводит TAB, количество пробелов, передаваемых редактором, () когда значение равно 0, фокус перемещается за пределы поля редактирования плагинов/tab/plugin.js

config.tabSpaces = 0;

// Шаблоны плагинов/templates/plugin.js.

config.templates = 'default';

// Файлы шаблонов, разделенные запятыми, плагины/templates/plugin.js.

config.templates_files = [ 'plugins/ templates/templates/default.js' ]

//При использовании шаблонов содержимое редактирования будет заменено, если установлен флажок плагины/шаблоны/plugin.js

config.templates_replaceContent = true;

//Тема

config.theme = 'default';

//Количество шагов отмены записи плагинов/undo/plugin.js

config.undoStackSize =20;

//Интегрируем CKFinder в CKEditor, обратите внимание на путь выбор ckfinder Будьте корректны.

//CKFinder.SetupCKEditor(null, '/ckfinder/');