Все для создания и продвижения сайтов

Верстка, программирование, SEO

Визуальный html редактор: CKEditor

В интернете присутствует полно разных визуальных редакторов для сайта, но не все они удобно и корректно работают.

Предлагаю рассмотрим лучший в своём роде - CKEditor, который уже давно является популярным и используется на многих сайтах.

Опробуйте редактор в режиме онлайн и вы поймёте, что он действительно удобен.

Демо редактора


Подключение редактора:

CKEditor имеет уже готовые решения для платформ: Wordpress, Drupal, Joomla, MODX Revo и другие. Вы сможете без проблем скачать и установить редактор на свою систему.

Скачать для Wordpress Скачать для Joomla Скачать для Drupal

Ручная установка CKEditor

Подключается редатор довольно просто, как правило не вызывает сложностей.

1. Скачайте редактор с официального сайта и загрузите содержимое архива в любое место на сайте

Скачать CKEditor с официального сайта

2. Поместите следующий код в низ странице, где мы хотим видеть наш редактор, как правило можно поместить на все страницы сайта.

<script type="text/javascript" src="ckeditor/ckeditor.js">
<script type="text/javascript">
	CKEDITOR.replace( 'editor1');
</script>

Здесь мы подключили нашу библиотеку (проверьте путь на файл ckeditor.js) и вызываем её на конкретной форме.

Теперь мы можем вставить нашу форму в тело сайта и увидим её работу.

<form id="form1" name="form1" method="post" action="">
	<textarea name="editor1" id="editor1" cols="45" rows="5">
</form>

В <textarea> мы указали id, которое объявили в конце страницы. К нему и применится наша библиотека.

Выделите опечатку и нажмите Ctrl + Enter, чтобы отправить сообщение об ошибке.