Ваш логин:
Ваш пароль:
 
 
Вы смотрите: Блог разработчика » JavaScript » Визуальный редактор на jQuery
29-05-2010, 09:51, прочитали: 2655 раз, раздел: JavaScript
Визуальный редактор на jQuery


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

Установить

Прежде всего необходимо убедиться, что на странице подключена библиотека jQuery.
После чего можно устанавливать Редактор, для этого на странице разместите между тегами такой код:

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


Не забудьте поменять путь к файлам.

Далее необходимо установить вызов Редактора, например так:

<script type="text/javascript">
    $(document).ready(
        function()
        {
            new Redactor('redactor_content', { focus: true });
        }
    );
</script>    


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

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

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


Скачать: [attachment=2]

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

 (голосов: 1)
Добавил: nickon,
Эта новость по темам:
Это может вас заинтересовать:
Комментариев оставленно: 0
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.
© 2008-2010 nick-on.name
Любая перепечатка материалов без разрешения редакции запрещена!

Обратная связь