RSS Вход Регистрация Главная
shashki35 Vologda ru
04.07.2025 02:50 Пятница
  • Главная
  • Анонс
  • Кубок Мира - 2014
  • Карта сайта
  • Паралимпиада
  • Хоккей КХЛ (онлайн)
  • Онлайн игры
  • Новости сайта
  • Каталог статей
  • Доска объявлений
  • Гостевая книга
  • Каталог сайтов
  • Обратная связь
  • Каталог файлов
  • Форум
  • Информация о сайте
  • Информация
  • Новости
  • Охота и рыболовство
  • Спорт
  • ЧМ Шашки-64 02-14-08
  • Спартакиада городов России
  • Универсиада 2013
  • Сочи-2014
  • Чемпионат Мира 2013
  • Спортивные статьи
  • Единоборства
  • Дневник Спартакиады
  • БК Вологда-Чеваката (нов)
  • БК "Чеваката"(ст)
  • Спортивные новости
  • Хоккей в Череповце
  • ФК "Вологда" (нов)
  • ФК "Вологда"(ст)
  • Футбол в Вологде
  • ВК "Северянка"
  • ХК "Северсталь" (нов)
  • ХК "Северсталь" (ст)
  • Футбол в Череповце
  • ФК "Череповец"(нов)
  • Фотоальбомы
  • Draughts
Главная » Файлы » Мои файлы

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!
Просмотров: 1388 | Загрузок: 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 летняя Спартакиада Союза городов Центра и Северо-Запада России


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


Популярные статьи
  • 20 января, «Северянка» Череповец принимаем владивостокскую «Приморочку»
    20.01.2017 | Комментарий: 0
  • Итоги Чемпионата мира по городошному спорту
    24.08.2014 | Комментарий: 0
  • GM Caruana, Fabiano - GM Eljanov, Pavel, ОЛИМПИАДА 2016, БАКУ, 6 ТУР. (1-0)
    09.09.2016 | Комментарий: 0
  • 15-летняя Жэнь Цянь выиграла в прыжках с 10-метровой вышки
    18.08.2016 | Комментарий: 0
  • Турнир по шашкам в честь Дня Победы над фашизмом в городе Купянске
    07.05.2016 | Комментарий: 0
  • В бассейне «Динамо» в Вологде составили расписание занятий
    17.08.2017 | Комментарий: 0
  • ВОЛШЕБНЫЕ ШАШКИ АВТОРСКАЯ ОБРАЗОВАТЕЛЬНАЯ ПРОГРАММА
    04.10.2013 | Комментарий: 1
  • Вологодские легкоатлеты не поехали на чемпионат мира даже зрителями
    16.08.2013 | Комментарий: 0
  • Вологодские парашютисты в составе сборной России установили новый мировой рекорд
    14.08.2013 | Комментарий: 0
  • Дед Мороз провел зарядку для студентов ВоГТУ
    05.10.2013 | Комментарий: 0
  • Счетчик материалов
    Comments: 12
    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)
    Новости сайта и Видео3
    [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)
    Новости сайта и Видео2
    [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)
    Спорт на www.newsfiber.com

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



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




      Последние изменения:
    Дизайн и разработка © 2014 - shashki35 Vologda ru
    • Главная
    • Анонс
    • Кубок Мира - 2014
    • Карта сайта
    • Паралимпиада
    • Хоккей КХЛ (онлайн)
    • Онлайн игры
    • Новости сайта
    • Каталог статей
    • Доска объявлений
    • Гостевая книга
    • Каталог сайтов
    • Обратная связь
    • Каталог файлов
    • Форум
    • Информация о сайте
    • Информация
    • Новости
    • Охота и рыболовство
    • Спорт
    • ЧМ Шашки-64 02-14-08
    • Спартакиада городов России
    • Универсиада 2013
    • Сочи-2014
    • Чемпионат Мира 2013
    • Спортивные статьи
    • Единоборства
    • Дневник Спартакиады
    • БК Вологда-Чеваката (нов)
    • БК "Чеваката"(ст)
    • Спортивные новости
    • Хоккей в Череповце
    • ФК "Вологда" (нов)
    • ФК "Вологда"(ст)
    • Футбол в Вологде
    • ВК "Северянка"
    • ХК "Северсталь" (нов)
    • ХК "Северсталь" (ст)
    • Футбол в Череповце
    • ФК "Череповец"(нов)
    • Фотоальбомы
    • Draughts
    • Американский футбол
    • Альпинизм
    • Баскетбол
    • Биатлон
    • Бокс
    • Конькобежный спорт - нов.
    • Водное поло
    • Водно-моторный
    • Велоспорт
    • Волейбол
    • Гандбол
    • Гиревой спорт
    • Городки
    • Дартс
    • Дзюдо
    • Каратэ
    • Картинг
    • Кик-боксинг
    • Кинологический спорт
    • Конный спорт
    • Конькобежный спорт - ст.
    • Легкая атлетика
    • Лыжные гонки
    • Мини-футбол
    • Настольный теннис
    • Парусный спорт
    • Пауэрлифтинг
    • Пляжный волейбол
    • Пожарно-прикладной
    • Полиатлон
    • Самбо
    • Силовой экстрим
    • Спортивный танцы
    • Стрельба
    • Теннис
    • Туризм
    • Экстримальный спорт
    • Футбол
    • Хоккей (м)
    • Хокей на траве
    • Хоккей
    • Шашки
    • Шахматы
    • Шорт-трек
    Copyright MyCorp © 2025Создать бесплатный сайт с uCoz