Текстовый редактор для сайта на jQuery

28 июля 2011 г.

Недавно в славной сети Google+ была ссылочка на визуальный текстовый редактор для сайта под незамысловатым названием redaсtor, от питерской команды Имперави. Работает на jQuery, cтрогий и продуманный дизайн, возможность полноэкранного использования делают его еще более привлекательным.

Дальше о том как настроить текстовый редактор на своем сайте:

Скачайте архив с Редактором и распакуйте в необходимую папку.

Убедитесь, что на странице подключена библиотека jQuery.

Теперь можно устанавливать Редактор. Для этого на странице разместите между тегами <head></head> такой код:

  1.  <script type="text/javascript" src="/js/redactor.js"></script>
  2.  <link rel="stylesheet" href="/js/css/redactor.css" type="text/css" />

Не забываем изменить путь к js и css файлам.

Для вызова редактора вставляем в код страницы следующий код:

  1.  <script type="text/javascript">
  2.   $(document).ready(
  3.   function()
  4.   {
  5.   $('#redactor_content').redactor();
  6.   }
  7.   );</script>

Этот код можно тоже разместить между тегами <head></head> или в любом другом месте страницы.

Теперь осталось поместить на страницу элемент <textarea> с ID "redactor_content" или любым другим ID, этот элемент и будет заменен редактором:

  1.  <textarea id="redactor_content" name="redactor_content" style="width: 100%; height: 320px;">

Источник: http://imperavi.ru/redactor/

Рубрика: Создание сайтов -> Это интересно -> Верстка (html +css) -> Программирование -> Дизайн
Метки: | |
Просмотров: 1488 |
Подписаться на комментарии по RSS

Интересные записи в этой теме:

Оставьте комментарий!

Не регистрировать/аноним

Используйте нормальные имена. Ваш комментарий будет опубликован после проверки.

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


(обязательно)