Главная » Файлы » Мои файлы |
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 - кнопка сохранить. Удачи! Привет, а вот и редактор!==================== | |
Просмотров: 1388 | Загрузок: 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) |
News: 3072
Downloads: 4
Publisher: 8164
Ad-board: 288
Games: 6
Guestbook: 5
[11.09.2016] | [Спорт] |
В Индии всем городом усмиряли сбежавшего слона (0) |
[27.02.2014] | [Баскетбол] |
Турнир на кубок Снегурочки по мини-баскетболу стартовал в Вологде (0) |
[30.12.2013] | [Спорт] |
Секция рукопашного боя в клубе «Боевая школа «Арсенал» отметила год со дня основания (0) |
[24.01.2014] | [Лыжные Гонки] |
На трассах «Карпово» прошли соревнования по лыжным гонкам Вологодской области (0) |
[30.08.2013] | [Спорт] |
В микрорайоне Лукьяново прошли спортивные эстафеты для маленьких вологжан (0) |
[24.01.2014] | [Хоккей в Череповце] |
В Череповце продолжаются игры по хоккею на призы клуба «Золотая шайба» (0) |
[24.01.2014] | [Спорт] |
В Череповце открыли самый большой каток города (0) |
[27.12.2013] | [ХК «Северсталь»] |
Череповецкая «Северсталь» принимала хоккеистов СКА из Санкт-Петербурга (0) |
[20.03.2018] | [Баскетбол] |
Татьяна Карамышева впервые выступила в новом статусе на Тренерском совете (0) |
[20.08.2014] | [Спорт] |
Стадион «Адреналин» в Череповецком районе будет принимать соревнования международного уровня (0) |
[27.09.2014] | [ХК «Северсталь»] |
«Алмаз» разгромил «Амурских Тигров», «Локо» победил «Сахалинских Акул» (0) |
[09.07.2014] | [Футбол Череповце] |
Турнир по дворовому футболу стартует в Череповце (0) |
[30.12.2013] | [Спорт] |
Секция рукопашного боя в клубе «Боевая школа «Арсенал» отметила год со дня основания (0) |
[27.09.2014] | [ХК «Северсталь»] |
«Лада» потерпела очередное поражение, уступив «Северстали» (0) |
[22.08.2013] | [БК Вологда «Чеваката»] |
К команде"Вологда-Чеваката" присоединились Анастасия Логунова и Анастасия Шилова (0) |
[25.12.2013] | [Лыжные Гонки] |
На трассах лыжного центра «Карпово» пройдет Кубок Вологодской области (0) |
[16.10.2014] | [БК Вологда «Чеваката»] |
В новом сезоне в составе вологодской «Чевакаты» появятся новые игроки (0) |
[01.07.2014] | [ХК «Северсталь»] |
ХК «Северсталь» опубликовала график предсезонной подготовки (0) |
[05.10.2014] | [ВК «Северянка»] |
Волейбол Северянка начала новый сезон с победы (ФОТО) (0) |
[19.11.2014] | [ХК «Северсталь»] |
«Северсталь» всухую проиграла ЦСКА (0) |
[26.04.2013] | [Новости] |
Главные новости 26 апреля 2013 года (0) |
[12.05.2013] | [Новости] |
В Турции полиция задержала 9 человек по подозрению в причастности к взрывам (0) |
[03.12.2013] | [Фубол] |
Российский футбол начинает жить по Европейским стандартам (0) |
[30.10.2013] | [Фубол] |
Дисциплинарная комиссия присудила поражение ярославским футболистам (0) |
[22.07.2013] | [Шашки] |
VI первенство СССР по международным шашкам 1980 Вильнюс (0) |
[01.05.2013] | [Шашки] |
РОМАНТИКА ШАШЕК В. ГОРОДЕЦКИЙ Гроссмейстер СССР ст 201-208 (0) |
[03.10.2013] | [Сочи 2014] |
Во время эстафеты олимпийского огня в Вологде движение транспорта ограничат (0) |
[30.08.2013] | [Новости Спартакиады] |
Вологодские баскетболистки на Спартакиаде Союза городов Центра и Северо-Запада России (0) |
[28.07.2013] | [Фубол] |
ИСТОРИЯ РОССИЙСКОГО ФУТБОЛА 1912 год Первые футбольные команды в Вологде (0) |
[15.09.2013] | [Баскетбол] |
Представители запада победили в фестивале по максибаскетболу в Вологде (0) |
[24.09.2013] | [Спорт] |
Череповец пробежал «Кросс наций» первым в стране (0) |
[31.08.2013] | [Лыжные Гонки] |
На открытом розыгрыше Кубка Сивена в Болгарии Юлия Чекалева завоевала первое место (0) |
[08.03.2014] | [Паралимпиада] |
Российский биатлонист Николай Полухин завоевал серебро Паралимпиады (0) |
[30.09.2014] | [Единоборства] |
Этап Кубка мира по фехтованию с 25 по 29 сентября 2014 года в Варшаве (Польша) (0) |
[01.12.2014] | [ХК «Северсталь»] |
ХК «Сочи» в овертайме вырвал победу у «Северстали» (0) |
[19.09.2013] | [ХК «Северсталь»] |
«Северсталь» с крупным счетом победила «Медвешчак» (0) |
[27.02.2014] | [Баскетбол] |
Турнир на кубок Снегурочки по мини-баскетболу стартовал в Вологде (0) |
[20.07.2013] | [ХК «Северсталь»] |
На лед «Алмаза» в Череповце вышли черные и белые (0) |
[19.06.2014] | [Кубок Мира по футболу 2014] |
Испания проиграла Чили на ЧМ-2014 и лишилась шансов выйти из группы (0) |
[25.11.2014] | [Настольный теннис] |
В Санкт-Петербурге состоялись Всероссийские соревнования по настольному теннису (0) |
[07.09.2016] | [Конный спорт] |
РФ удерживает 1 место по количеству золотых медалей на Играх кочевников (0) |
[17.12.2017] | [ВК «Северянка»] |
Хорошо, что день рождения только раз в году (0) |
[05.02.2018] | [Стрельба] |
Открытый областной турнир по спортинг-компактной стрельбе (0) |
[21.02.2018] | [Единоборства] |
В Кандалакше прошел открытый городской турнир по борьбе самбо (0) |
[26.04.2018] | [Футбол] |
Футбольный чемпионат Вологодской области пройдет по новым правилам (0) |
[01.05.2018] | [Мини-футбол] |
Наказание за драку на футбольном матче в Вологде назвали незаконным (0) |
[27.06.2018] | [Охота и рыболовство] |
ДВА МЕДВЕДЯ НАПАЛИ НА СТАДО КОРОВ В ШИМАНОВСКОМ РАЙОНЕ (0) |
[02.08.2016] | [Спорт] |
Церемония открытия Олимпиады-2016 не будет дорогой и масштабной - организаторы (0) |
[02.08.2016] | [Спорт] |
Бразильский парень пришел к «Русскому дому» в Рио-де-Жанейро и сделал селфи (0) |
[22.09.2016] | [Паралимпиада] |
Паралимпийская сборная России заняла второе место в Лондоне (0) |
[25.12.2016] | [Лыжные Гонки] |
Анна Нечаевская: «Ждала этой гонки, чтобы сравниться с девчонками» (0) |
[20.12.2017] | [Лыжные Гонки] |
Юлия Чекалева, несмотря на дисквалификацию, продолжает готовиться к Олимпиаде (0) |
[22.12.2017] | [Спорт] |
В Череповце наградили лучших спортсменов (0) |
[23.12.2017] | [Футбол Вологде] |
Фортуна отвернулась от федерации футбола Вологодчины (0) |
[27.12.2017] | [БК Вологда «Чеваката»] |
«Чеваката» закончила год победой в Подмосковье (0) |
Демонстрационная версия! | ||||||
|
Последние изменения:
Дизайн и разработка © 2014 - shashki35 Vologda ru |