Главная » Файлы » Мои файлы |
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 - кнопка сохранить. Удачи! Привет, а вот и редактор!==================== | |
Просмотров: 1221 | Загрузок: 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: 6
[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) |
[26.08.2013] | [ХК «Северсталь»] |
ХК «Северсталь» сегодня стартует на «Кубке Донбасса» (0) |
[21.08.2013] | [БК Вологда «Чеваката»] |
Спортсменки основного состава «Вологда-Чеваката» соберутся в Вологде (0) |
[17.08.2013] | [Спортивное орентирование] |
Вологодские спортсмены стали чемпионами области на соревнованиях по спортивному туризму (0) |
[08.09.2013] | [Дневник Спартакиады] |
Спартакиада Союза городов Центра и Северо-Запада России Вологде шла три дня (1) |
[08.02.2014] | [Лыжные Гонки] |
Норвежка Бьорген завоевала золото в скиатлоне на Олимпиаде, Чекалёва — 15-я (0) |
[11.05.2014] | [Дзюдо] |
Россиянин Алан Хубецов побеждает в Баку (0) |
[24.01.2014] | [БК Вологда «Чеваката»] |
В Кубке «ФИБА-Европа» по баскетболу начинаются игры 1/8 финала (1) |
[19.09.2013] | [ХК «Северсталь»] |
«Северсталь» с крупным счетом победила «Медвешчак» (0) |
[08.03.2014] | [Паралимпиада] |
Алексей Бугаев завоевал серебро Паралимпиады в скоростном спуске (0) |
[28.03.2014] | [БК Вологда «Чеваката»] |
В Вологде стартовал «Финал Восьми» – женских молодежных команд по баскетболу (0) |
[09.07.2013] | [Кик-боксинг] |
Пять золотых медалей на Кубке мира по кик-боксингу у череповчан (0) |
[21.08.2013] | [Легкая атлетика] |
Вологжанин Константин Петряшов принял участие в Чемпионате мира по легкой атлетике (0) |
[06.08.2013] | [Новости спорта] |
Петербург примет Чемпионат мира по шашкам (0) |
[24.08.2013] | [Новости спорта] |
В Огарково Вологодского района пройдут 24 августа 2013 года соревнования по конному спорту (0) |
[11.07.2013] | [Шашки] |
Владимир Скрабов выиграл этап Кубка мира в Тихвине (0) |
[19.08.2013] | [Новости спорта] |
В посёлке Кувшиново под Вологдой открылся бассейн (0) |
[17.05.2013] | [Хоккей] |
Россиия - США в четвертьфинале чемпионата мира по хоккею 3:8 (0) |
[24.08.2013] | [Новости спорта] |
В Череповце на фанерно-мебельном комбинате проходит чемпионат по теннису (0) |
[01.08.2013] | [БК Вологда «Чеваката»] |
Об уходе ещё пятерых игроков объявил клуб «Вологда-Чеваката» (0) |
[10.05.2013] | [Баскетбол] |
Баскетболисты из Вологды стали победителями международного турнира «День Победы» (0) |
[06.03.2014] | [Стрельба] |
Стрельба Пневматическое пистолет , 10 м, Чемпионат Европы 2014 Москва (0) |
[04.10.2013] | [Стрельба] |
Чемпионат-2013 Вологодской области по компакт-спортингу пройдет 5 и 6 октября (0) |
[17.08.2013] | [Картинг] |
Вологодский спортсмен стал победителем этапа Чемпионата России по картингу (0) |
[08.12.2013] | [Биатлон] |
Биатлонисты России выиграли бронзу в эстафете на этапе КМ в Австрии (0) |
[27.09.2013] | [ФК «Вологда»] |
ФК «Вологда» сыграет против «Спартака» из Костромы (0) |
[04.09.2013] | [ХК «Северсталь»] |
ХК «Северсталь» подписал двухлетний контракт с форвардом Александром Гоголевым (0) |
[01.09.2013] | [Дневник Спартакиады] |
В копилке вологжан – первая победа на Спартакиаде Союза городов (0) |
[19.08.2013] | [ФК «Вологда»] |
ФК «Вологда» проиграл команде «Псков – 747» Со счетом 1:2 (0) |
[01.09.2013] | [Дневник Спартакиады] |
Вологжане на соревнованиях по легкой атлетике в рамках Спартакиады (0) |
[13.09.2013] | [ХК «Северсталь»] |
Игорь Петров: «В домашней серии сейчас будем добирать свои очки» (0) |
[11.02.2018] | [ВК «Северянка»] |
Впервые за пять сезонов команде из Владивостока удалось выиграть у «Северянки» (0) |
[12.02.2018] | [Лыжные Гонки] |
Чемпионат и Первенство области по лыжным гонкам – спорт ЛИН (0) |
[11.04.2018] | [Охота и рыболовство] |
Спасатели Череповца показали способов вытаскивания провалившихся под лед рыбаков (0) |
[02.01.2018] | [Спорт] |
СПОРТИВНЫЙ КАЛЕЙДОСКОП: Что готовит нам грядущий год? (0) |
[05.02.2018] | [ХК «Северсталь»] |
О финансирование хоккейного клуба «Северсталь» от результатов сезона (0) |
[05.02.2018] | [Лыжные Гонки] |
Более 200 участников вышли на старт Классической гонки на Локомотиве (0) |
[16.02.2018] | [ХК «Северсталь»] |
Экскурсия по усадьбе Гальских, Гудачек и Странски на коне (0) |
[19.02.2018] | [Спорт] |
6-ой этап Открытого кубка Вологодской области по сквошу (0) |
[20.02.2018] | [Спорт] |
Областные соревнования по скоростной радиотелеграфии (0) |
[04.03.2018] | [ВК «Северянка»] |
«Северянка-3» выиграла последний матч тура на первом этапе чемпионата (0) |
[16.04.2018] | [Мини-футбол] |
Чемпионом Вологды по мини-футболу стала команда «4 сада» (0) |
[24.04.2018] | [Охота и рыболовство] |
Первый карась на необычную для него наживку (0) |
[29.12.2014] | [ВК «Северянка»] |
Волейболистки краснодарского "Динамо" обыграли "Омичку" и завоевали КР (0) |
[02.08.2016] | [Спорт] |
Виталий Смирнов назвал 129-ю сессию МОК самой беспрецедентной в его практике (0) |
[02.08.2016] | [Спорт] |
Бразильский парень пришел к «Русскому дому» в Рио-де-Жанейро и сделал селфи (0) |
Демонстрационная версия! | ||||||
|
Последние изменения:
Дизайн и разработка © 2014 - shashki35 Vologda ru |