WordPress-плагин «Предпросмотр поста в админке» на jQuery

Честно говоря, у меня складывается впечатление, что я уже достал вас со своим WordPress’ом и jQuery-скриптами =), как будто других тем больше и нет. Тем не менее, в этот раз снова про них, родимых.

Я создал очередной плагин для WordPress — jQuery Post Preview (предпросмотр поста в админке), работающий на jQuery. Задача плагина — реализовать живой предпросмотр поста при его создании/редактировании в админке, при этом не пользуясь встроенным редактором, который имеет существенные минусы.

Инициатором создания плагина стал lilumi. Вот что он мне рассказал:

Самый раздражающий фактор визуального редактора — это то, что при создании переноса строки он делает абзац с переносом строки внутри:

<p>
<br class="spacer_"/>
</p>

Редактор постоянно норовит вставить абзацы, даже в ячейках таблиц.

Еще один баг: создаешь буквицу — то есть первую букву поста хочу сделать большого размера и другим цветом. Визуальный редактор делает это так:

<span style="color: #ff0000;"><span style="font-size: xx-large;">В</span></span>

То есть создает еще один лишний спан, хотя можно было бы и в одном все вместить.

Ну и очень долго грузится сам редактор и окна свойств рисунков, ссылок, за это время уже можно было бы 10 раз вручную написать.

Лично я сам никогда визуальным редактором WordPress не пользовался, зная подобное поведение большинства визуальных редакторов. Но предпросмотр — штука полезная, поэтому если вам важна чистота кода ваших постов и при этом вы не хотите терять функцию живого предпросмотра, то мой плагин — то, что вам нужно.

Принцип его работы точно такой же, как и в другом моем плагине «Предпросмотр комментария» — над полем для текста поста появляется кнопка «Предпросмотр», кликая на которую данное поле заменяется предпросмотром.

Для работы плагина требуется версия WordPress: 2.5 или выше.

Скачать

Плагин «jQuery Post Preview» (предпросмотр поста в админке WordPress)

Последняя версия: 0.2 | Последнее обновление: 18.02.2012

Установка

  1. Скопировать папку jquery-post-preview в папку с плагинами: /wp-content/plugins/.
  2. Активировать плагин через меню «Плагины» в админке WordPress.
  3. Отключить визуальный редактор в своем профиле.
  4. Вот и все.

История версий

  • Версия 0.2 (18.02.12): изменения для работы с WordPress 3.3.
  • Версия 0.1 (27.03.09): исходная версия.
Комментарии (13)
  1. 1

    Самый раздражающий фактор визуального редактора

    На самом деле, здесь виноват не столько редактор, сколько браузер — редактор является лишь интерфейсом к MIDAS или как там его. А всю кашу из спанов и прочей хрени создаёт исключительно браузер.

  2. 2

    Ну наконец-то зарелизил =) Еще раз тебе спасибо! Я уже давно поставил твой плагин и радуюсь.

  3. 4

    Вопрос почти что в тему: я не могу в редакторе постов поставить между пунктами нумерованного списка абзацы. Если жму в визуальном редакторе на абзац, то он ставится, но пост всё равно публикуется без абзаце. В html редакторе пробовал ставить абзацы вручную, но эффект тот же.

    З.Ы. Раньше абзацы ставить получалось из хрома, но сейчас и в хроме и в фф та же проблема.
    З.Ы. Еще раз напоминаю, что речь идет именно об абзацах между пунктами нумерованного или маркированного списка. С обычными всё ок.

  4. 6
    Андрей Сорвин

    УРА! теперь текст сообщений будет в нормальном виде! :)
    Спасибо за плагин!=))

  5. 8
    Stanislav

    Дмитрий, а чем кнопка «Просмотреть» не комильфо? ПописАл-пописАл, нажал «Просмотреть». Посмотрел и если не понравилось — редактируй себе дальше. Все ок — публикуй. В чем тогда серьезное улучшение сегодняшнего положения дел?
    Встроенным визуальным редактором тоже не пользуюсь — устал бороться с его выходками :)

    • 9

      во первых чтобы сработал просмотр, нужно нажать «сохранить», а лишь потом жать «просмотр», который открывает новую вкладку, а после приходится опять переключаться на страницу редактирования, опять жать «сохранить» или же ждать автосохранения, переключаться на вкладку просмотра и жать f5 — это долго, муторно и неудобно

  6. 11

    Иногда действительно проще писать в html виде, так как визуальный редактор дописыват кучу кода сверху.
    Спасибо за плагин попробую воспользоваться.

  7. 12

    Небольшой fresh в комментарии :)

    Странно, с проблемами в визуальном редактором в Вп сталкивался, когда только познакомился с ВП, да и то, потому что непривычно было. Как привык, так даже он мне нравится стал :)

    Косяки есть конечно, вроде лишних span’ов, со strong тоже иногда мутит он. Но все равно, с ним мне как-то удобнее. В крайнем случае, переключился в ХТМЛ редактор отредактировать, как нужно и вернутся назад в визуалку.

    Я просто разделил полномочия, так сказать — что лучше делать в визуалке, а чего лучше там не делать (обычно такого в постах очень мало).

  8. 13
    upss

    Автор, спасибо за интересный блог да и за плагины! Если можно вопрос, а то уже не могу мучиться — дело в том, что при написании, редактировании и пр. очередной статьи при нажатии кнопки «Просмотреть изменения» у меня выдает ошибку браузер вида: «У Вас нет прав на просмотр черновиков»… Подскажите, очень прошу где ковырять/смотреть ибо очень напрягает?! Заранее благодарю и извиняюсь за вопрос