Недавно в славной сети Google+ была ссылочка на визуальный текстовый
редактор для сайта под незамысловатым названием redaсtor, от питерской
команды Имперави. Работает на jQuery, cтрогий и продуманный дизайн,
возможность полноэкранного использования делают его еще более
привлекательным.
Дальше о том как настроить текстовый редактор на своем сайте:
Скачайте архив с Редактором и распакуйте в необходимую папку.
Убедитесь, что на странице подключена библиотека jQuery.
Теперь можно устанавливать Редактор. Для этого на странице разместите между тегами <head></head> такой код: - <script type="text/javascript" src="/js/redactor.js"></script>
- <link rel="stylesheet" href="/js/css/redactor.css" type="text/css" />
Не забываем изменить путь к js и css файлам.
Для вызова редактора вставляем в код страницы следующий код: - <script type="text/javascript">
- $(document).ready(
- function()
- {
- $('#redactor_content').redactor();
- }
- );</script>
Этот код можно тоже разместить между тегами <head></head> или в любом другом месте страницы.
Теперь осталось поместить на страницу элемент <textarea> с ID
"redactor_content" или любым другим ID, этот элемент и будет заменен
редактором: - <textarea id="redactor_content" name="redactor_content" style="width: 100%; height: 320px;">
Источник: http://imperavi.com/ |