Понедельник, 13.05.2024, 03:58
Меню сайта
Категории раздела
JQuery плагины [59]
JQuery уроки [69]
PHP полезное [24]
PHP уроки [21]
Css [26]
JS [3]
SQL [9]
Css 3 [17]
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная » Статьи » JQuery плагины

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

Недавно в славной сети 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.com/
Категория: JQuery плагины | Добавил: ChronoW (06.11.2012)
Просмотров: 1543 | Комментарии: 1 | Теги: Текстовый редактор для сайта на jQu, imperavi | Рейтинг: 5.0/1
Всего комментариев: 0
Имя *:
Email *:
Код *: