Визуальный 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, которое объявили в конце страницы. К нему и применится наша библиотека.
Оставить комментарий