WYSIWYG CKeditor

WYSIWYG CKeditor

	08.04.2018, 11:35
WYSIWYG CKeditor Наверняка многие разработчики как минимум слышали о существовании HTML — редакторов, встраиваемых в веб страницы. Хочу представить Вам пожалуй самый продвинутый на сегодняшний день WYSIWYG. Для непосвященных опишу в двух словах о чем идет речь. Если Вы или Ваши клиенты хотите своими руками редактировать контент сайта, а познавать основы html нет времени или желания — то Ckeditor то что нужно. Ранее продукт назывался FCKeditor, но из-за нездоровых ассоциаций у англичан связанных с аббревиатурой FCK (создатель проекта Frederico Calderia Knabben), редактор был переименован в Ckeditor. Кроме названия в новой версии исчезли api для работы с файлами на perl и python, по крайней мере в бесплатном дистрибутиве. Разработчики предлагают несколько тарифных планов по поддержке и возможно на этих условиях вам предоставят не только их. На данный момент по умолчанию есть asp и php. Я же в своей работе использую perl и буду писать интерфейс сам. Позже выложу. А в целом проект имеет плагинную архитектуру, которой довольно легко управлять если разбираетесь в JS. Скачать WYSIWYG ckeditor можно здесь или на сайте www.ckeditor.com. Так он собственно выглядит. Правда я вам представил немного урезанную версию, но от полного комплекта почти не отличается. Подключение и настройка ckeditor Подключение по умолчанию Подключается и настраивается ckeditor очень легко. 1. Скачиваем ckeditor и распаковываем в корень сайта, CMS или другой системы. Разработчики не рекомендуют начинающим программистам переименовывать каталоги и файлы во избежание конфликтов в редакторе. Если все оставить как есть то запуск по умолчанию — минутное дело. 2.В коде страницы грузим основной код и вставляем элемент textarea. Причем элементов textarea может быть несколько, главное им назначить разные идентификаторы. <script src="/ckeditor/ckeditor.js" type="text/javascript"></script> <textarea id="textID" name="textID"></textarea> 3.Инициализация на Ваш вкус, но лучше делать после того как объектная модель документа будет готова. Для Jquery: <script> $.noConflict(); jQuery(document).ready(function($) { CKEDITOR.replace( 'textID',{}); }); </script> Для Ext JS: Ext.onReady(CKEDITOR.replace( 'textID',{})); Древний способ: <body onload="CKEDITOR.replace( 'textID',{});"> Или непосредственно перед закрывающим тегом <script> CKEDITOR.replace( 'textID',{}); </script> Дополнительная настройка Для изменения настроек по умолчанию в ckeditor предусмотрен некоторого рода конфигурационный файл config.js, который лежит по адресу /ckeditor/config.js. Он содержит в себе настроечный хеш. Вот пример того который используется для демо версии на данной странице: CKEDITOR.editorConfig = function( config ) { config.skin = 'kama'; config.uiColor = '#E0E0E0'; config.language = 'ru'; config.fullPage = false; config.height = 200; config.removePlugins = 'resize,about,save'; }; config.skin - интерфейс. Возможны три варианта: kama, v2, office2003. По умолчанию kama. config.uiColor - цвет интерфейса. Работает только для kama. config.language - Язык интерфейса. config.fullPage - оплетка для редактируемого документа. Если установлено true то редактируемая область будет содержать полноценный html документ, если false - только контент. config.height - высота редактируемой области в пикселах. Аналогично для ширины. config.removePlugins - Список кнопок (плагинов), которые нужно отключить. Например: resize - это благодаря которой область редактора можно растянуть как угодно, удерживая мышью нижний правый угол, save - кнопка сохранить. Удачи! 2010 – 2018 © www.Litecode.ru https://kcfinder.sunhater.com/demos/ckeditor -------------------------- Bootstrap шаблон Привет, а вот и редактор! ====================
1 2 3 4 5 Категория: Мои файлы \| Добавил: shaski \| Теги: null, More, Samples!
Просмотров: 1114 \| Загрузок: 0 \| Рейтинг: 0.0/0

Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Категории раздела

Мои файлы [4]

Статистика

Доска объявлений

[27.06.2019]	[Разное...]
День города в Вологде 2019 - Программа праздничных мероприятий (0)

[23.05.2018]	[Консервы]
Гостей чемпионата мира по футболу накормят вологодским вареньем (0)

[05.05.2018]	[Овощи, фрукты]
Десертом чемпионата мира по футболу станет варенье из Вологды (0)

[22.02.2018]	[Мобильные телефоны]
Юные футболисты из Вологды поедут в Петербург (0)

[22.02.2018]	[Издательское дело, полиграфия]
Трое настоящих мужчин стали героями свежего номера журнала "Глянец" (0)

[14.02.2018]	[Молочные продукты]
Вологодское масло отметили золотыми медалями на выставке в Москве (0)

[12.01.2018]	[Разное...]
Международнся квест-гонка на собачьих упряжках «Русский Север – 2018» (0)

[28.09.2017]	[Мобильные телефоны]
В новосибирском СИЗО-1 передали шахматную доску со 116 сим-картами (0)

[30.08.2017]	[Хобби, охота, рыбалка]
Миша Осипов подписал контракт с «Вектор Кэпитал Партнерс» (0)

[14.06.2017]	[Хобби, охота, рыбалка]
Всероссийскому Обществу слепых "Модуль" в Люберцах подарили шахматы и шашки (0)

XV летняя Спартакиада Союза городов Центра и Северо-Запада России

Мини-чат

Праздничные мероприятия, посвященные 870-летию Вологды, 21 – 25 июня 2017 года

Популярные новости

[11.09.2016]	[Спорт]
В Индии всем городом усмиряли сбежавшего слона (0)

[24.01.2014]	[Лыжные Гонки]
На трассах «Карпово» прошли соревнования по лыжным гонкам Вологодской области (0)

[30.12.2013]	[Спорт]
Секция рукопашного боя в клубе «Боевая школа «Арсенал» отметила год со дня основания (0)

[30.08.2013]	[Спорт]
В микрорайоне Лукьяново прошли спортивные эстафеты для маленьких вологжан (0)

[24.01.2014]	[Хоккей в Череповце]
В Череповце продолжаются игры по хоккею на призы клуба «Золотая шайба» (0)

[27.12.2013]	[ХК «Северсталь»]
Череповецкая «Северсталь» принимала хоккеистов СКА из Санкт-Петербурга (0)

[20.03.2018]	[Баскетбол]
Татьяна Карамышева впервые выступила в новом статусе на Тренерском совете (0)

[24.01.2014]	[Спорт]
В Череповце открыли самый большой каток города (0)

[20.08.2014]	[Спорт]
Стадион «Адреналин» в Череповецком районе будет принимать соревнования международного уровня (0)

[24.09.2018]	[БК Вологда «Чеваката»]
Баскетболистки «Вологды-Чевакаты» удачно стартовали в Кубке России (0)

Новости сайта и Видео3

[27.07.2013]	[ХК «Северсталь»]
Хоккеисты «Северстали» отправились на учебно-тренировочный сбор в Финляндию (0)

[26.01.2014]	[БК Вологда «Чеваката»]
Ногинский «Спартак-2» дважды не устоял перед командой «Вологда-Чеваката-2» (0)

[03.03.2014]	[Паралимпиада]
Эстафета Паралимпийского огня Псков Брянск Москва 2014 (0)

[19.09.2013]	[Карта сайта]
Карта сайта 1 продолжение (0)

[15.03.2014]	[Паралимпиада]
Алексей Бугаев завоевал серебро в гигантском слаломе на Паралимпиаде в категории "стоя" (0)

[16.03.2014]	[Паралимпиада]
Российский лыжник Мурыгин выиграл бронзу Паралимпиады в гонке на 10 км в категории "сидя" (0)

[26.08.2013]	[Спорт]
Турникмены со всей области съехались в Череповец (0)

[23.03.2014]	[ХК «Северсталь»]
Хоккей «Северсталь» повела в серии с минским «Динамо» в полуфинале Кубка Надежды (0)

[25.01.2014]	[Лыжные Гонки]
Юлия Чекалева вошла в состав команды, который выступит на Олимпиаде в Сочи (0)

[19.03.2014]	[Паралимпиада]
Торжественная встреча паралимпийской сборной команды России в "Шереметьево" (0)

Новости сайта и Видео2

[19.07.2013]	[Новости спорта]
Вологда - спортивный город НАША ВОЛОГДА 18 ИЮЛЯ 2013 ГОДА (0)

[10.07.2013]	[Баскетбол]
Женская молодежная сборная по баскетболу вернулась с турнира в Испании (0)

[10.07.2013]	[Экстримальный спорт]
Гость программы: Максим Пахомов, инструктор по полётам (0)

[11.06.2013]	[Баскетбол]
Женская молодежная сборная России по баскетболу выиграла турнир в Турции (0)

[11.07.2013]	[Шашки]
Владимир Скрабов выиграл этап Кубка мира в Тихвине (0)

[08.05.2013]	[Новости]
Сборная России по хоккею обыграла команду США (0)

[16.08.2013]	[ФК «Вологда»]
ФК «Вологда» проиграла дома футболистам «Тосно» (0)

[28.08.2013]	[Новости Спартакиады]
Вологда подготовила специальные сувениры для участников летней Спартакиады (0)

[09.08.2013]	[Новости спорта]
Череповец ждут нескучные и спортивные выходные (0)

[29.07.2013]	[Сочи 2014]
Вологжанка Ульяна Моржева примет участие в эстафете Олимпийского огня Сочи – 2014 (0)

Новости сайта и Видео

[22.08.2013]	[ХК «Северсталь»]
Нападающий ХК «Северсталь» вызван в молодежную сборную России (0)

[16.09.2013]	[Дартс]
Вологжане заняли все призовые места на соревнованиях по игре в дартс (0)

[24.12.2013]	[Биатлон]
Иван Черезов не поедет на Олимпиаду в Сочи (1)

[11.09.2013]	[Спорт]
Профессиональный американский футболист провел мастер-класс в Череповце (1)

[01.09.2013]	[Дневник Спартакиады]
Вологда лидирует в общекомандном зачете по легкой атлетике в Спартакиаде Союза (0)

[09.03.2014]	[Паралимпиада]
Российские керлингисты выиграли у команды Финляндии на Паралимпиаде в Сочи (0)

[03.11.2013]	[БК Вологда «Чеваката»]
"Вологда-Чеваката" - "Енисей" 67:63 (18:12, 19:20, 19:19, 11:12) (0)

[30.08.2013]	[ХК «Северсталь»]
Нападающий «Северстали» из-за травмы больше не сыграет в Донецке (0)

[02.09.2013]	[Стрельба]
Череповецкие стрелки завоевали медали Первенства России (0)

[28.10.2013]	[ФК «Вологда»]
Команда ФК «Вологда» уступила футболистам из Костромы (0)

СТАТИСТИКА САЙТА В ПОИКОВИКАХ

Форма входа

Новости сайта и Видео

[31.12.2017]	[Футбол Вологде]
14 лет колонии для футбольного тренера-педофила (0)

[23.12.2017]	[Баскетбол]
Турнир среди команд юношей им. Сергея Сенникова будет проходить в Вологде (0)

[22.01.2018]	[Мини-футбол]
Футбольной команде школы №8 могут присудить поражение (0)

[29.01.2018]	[Лыжные Гонки]
Анна Богалий откроет 12-й традиционный «Кубок Малыша» в конце февраля (0)

[07.03.2018]	[Спорт]
Многократный чемпион России по легкой атлетике ппроголосует в Кисловодске (0)

[22.01.2018]	[Мини-футбол]
Скандал в детском футболе: почему молчит областная федерация? (0)

[23.01.2018]	[Спорт]
Российским спортсменам не дали возможности задать вопросы Родченкову (0)

[12.02.2018]	[Спорт]
Расписание Олимпийских игр-2018 на 12 февраля (0)

[16.02.2018]	[Лыжные Гонки]
Мать олимпийца Дениса Спицова: «Я смотрела гонку в полуобморочном состоянии» (0)

[19.02.2018]	[Лыжные Гонки]
Офицер вологодской Росгвардии взял «серебро» чемпионата по лыжным гонкам (0)

[28.12.2017]	[Лыжные Гонки]
В Вологде пройдёт рождественская ночная гонка на лыжах с возрастным гандикапом (0)

[11.01.2018]	[ХК «Северсталь»]
Нападающий «Северстали» отлично выступил в матче Кубка Вызова МХЛ (0)

[13.01.2018]	[ХК «Северсталь»]
«Алмаз» одержал первую победу в наступившем году в чемпионате МХЛ (0)

[14.01.2018]	[ХК «Северсталь»]
Победа череповецкого «Алмаза» над китайским «Куньлунем Ред Стар Джниор» (0)

[15.01.2018]	[Спорт]
Закон «О внесении изменений в Трудовой кодекс Российской Федерации» (0)

Спорт на www.newsfiber.com

Демонстрационная версия!

html-cсылка на публикацию
BB-cсылка на публикацию
Прямая ссылка на публикацию

Подключение и настройка ckeditor

Подключение по умолчанию

Дополнительная настройка

Привет, а вот и редактор!