Говорят, что создание сайта - очень длительный и трудоемкий процесс. Мы скажем - НЕТ! Ведь с новыми технологиями, такими как HTML5, CSS3, PHP и MySql можно быстро и легко научиться создавать сайты любой сложности.
Два сумасшедших веб-мастера покажут где что лежит и как этим пользоваться.
Авторизация
Новый
Забыл
Пожалуйста, заполните поля выше. Это нужно сделать обязательно, иначе ничего не получится.
JavaScript и Jquery /

Визуальный Редактор на jQuery

  • Воскресенье, 31 июля 2012, 14:39 |
  • Автор: fiamma |
  • Просмотров: 7943 |
  • Комментарии: 8 |
  • В закладки:
Не так давно, блуждая по просторам интернета, наткнулся на один очень симпатичный и быстренький WYSIWYG-редактор. Если кто-то из вас еще не знает, что такое WYSIWYG-редактор, поясню.

WYSIWYG редактор (What You See Is What You Get, «что видишь, то и получишь») - это такой редактор, в котором все изменения можно видеть в процессе редактирования.

Выглядит этот редактор примерно так:
Визуальный Редактор  на jQuery

Данный редактор разработан Имперави - небольшой командой из Санкт-Петербурга с великолепно отлаженным процессом и с большим опытом создания сайтов: от одностраничных до огромных.

Устанавливаем редатоктор
Для начала необходимо архив: redactor641.zip [135.62 Kb] (cкачиваний: 384) и распаковать в нужную папку.
А теперь необходимо подключить 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()
        {
            $('#redactor_content').redactor();
        }
    );
</script>

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

Осталось только поместить на страницу элемент <textarea> с ID "redactor_content" или любым другим ID, этот элемент и будет заменен редактором:
<textarea id="redactor_content" name="redactor_content" style="width: 100%; height: 320px;">

Ну вот и все. Хотя нет. Прочтите еще статью про "Подгрузку информации на Jquery"
  • Пишет: Влад (Гости) |
  • Сообщений: 0 |
  • 12 сентября, 20:09
  • #1
Маловато функционала
  • Пишет: гость (Гости) |
  • Сообщений: 0 |
  • 25 декабря, 18:12
  • #2
глючный( игрался с заливкой фона текста и цветом шрифта... вернуть в умолчания (белый фон, чёрный текст) не получилось... выделял часть заголовка (на сайте авторов), при попытке возврата делалась инверсия выделения на не выделенную часть заголовка, цвет шрифта и фона не менялись при этом

P.S. и у Вас панелька с предложением подписаться на рассылку посреди экрана вылезла, когда нажал отправить, забыв заполнить почту
Добавить комментарий