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

Описание Плагин "Предпросмотр комментария" (jQuery Comment Preview) подключает к форме комментирования WordPress функцию предпросмотра комментария без перезагрузки страницы. Работает на популярном фреймворке jQuery. Для работы плагина требуется версия WordPress: 2.9 или выше. Пример работы данного плагина вы можете наблюдать на настоящем блоге. Особенности плагина ...

Комментарии (249)

  1. Плагин работает, спасибо большое :)
    Есть один косяк — появляется он в ГуглХроме и Сафари. Опера и файрфокс не повторяют.
    Косяк: при нажатии на кнопку “Предпросмотр”, при наличии введенных в textarea comment’ов любых символов, появляется два символа перевода строки. Короче два новых абзаца вставляется, ну или один .

  2. Однако 404 File not found

  3. Залейте, пожалуйста, его на файлообменник или по почте пришлите. Очень нужен. Лучший плагин! Заранее спасибо.

  4. Как вы сделали у себя на сайте форматирование кода (код) в предпросмотре ?

      • Как вы сделали у себя при предпросмотре комментария правильное форматирование кода, заключенного в теги code lang=»text» . При установки вашего плагина такой возможности не предстовляется

        • В предпросмотре нет никакого форматирования кода. Оно есть, только когда комментарий опубликован.

          • Ну как не как, у вас совсем по другому нежели у меня.

            Я вставляю код ссылки у вас и у себя на блоге:

            Автор блога <a href="http://studio-gost.ru">Видеоуроки по wordpress</a>

            И получаются разные результаты, привету скриншот всего этого дела. Вот и хотелось бы узнать как так же сделать.

            • Я плагин предпросмотра на этом сайте редактировал специально под плагин подсветки синтаксиса.

              Вам же нужно при вставке кода заменять символ <code><</code> на &amp;lt;, тогда код не будет ссылкой. В этом заключается особенность WordPress.

              • Ну это в теории понятно, вот на практике сил это реализовать не хватит. А не могли бы Вы поделиться этой часть кода (как это доработать до ума). И еще почему это опцию не включить в дистрибутив плагина? Мне кажется это многим пригодилось бы.

                • Ну это в теории понятно, вот на практике сил это реализовать не хватит.

                  Это нужно вручную делать. Либо ставить плагин, который делает это автоматически. Я использую CodeColorer.

                  А не могли бы Вы поделиться этой часть кода

                  В файле jquery-comment-preview.php найдите этот участок кода:

                  
                  <?php /* если используется плагин CodeColorer
                  .replace(/(<code[^>]*?\s*>)((?:[^<]*(?!<\/code).)*)/img, function(s0, s1, s2){ return s1 + s2.replace(/</g, "<").replace(/>/g, ">"); })
                  */ ?>
                  

                  Вместо него нужно оставить только эту строку:

                  
                  .replace(/(<code[^>]*?\s*>)((?:[^<]*(?!<\/code).)*)/img, function(s0, s1, s2){ return s1 + s2.replace(/</g, "<").replace(/>/g, ">"); })
                  

                  И еще почему это опцию не включить в дистрибутив плагина? Мне кажется это многим пригодилось бы.

                  Дело в том, что, если плагин типа CodeColorer у вас не стоит, то эта опция будет бессмысленной, т.к. после публикации коммента угловые скобки не будут конвертированы.

  5. Настраивал плагин часа полтора. Всё нормально было. Потом резко: «Плагин jquery-comment-preview/jquery-comment-preview.php был деактивирован из-за ошибки: У плагина нет корректного заголовка.»

    Какой заголовок должен быть? Теперь этот плагин вообще в админке не видит.

  6. Ссылка битая на плагин

  7. Добрый день. У меня трудность: при нажатии на кнопки плагин возвращает наверх страницы.
    У еще: вот в этой форме (у вас) намного больше значений + они на русском. Почему у меня не так? Даю ссылку на пробный сайт, аналогичный оригинальному http://89.hollywoodpresents.ru/2012/08/111/#
    Наперед огромное спасибо!

    • Даю ссылку на пробный сайт, аналогичный оригинальному

      Я не вижу там плагина.

      У еще: вот в этой форме (у вас) намного больше значений + они на русском. Почему у меня не так?

      Это делается на странице настроек плагина.

  8. Дим, а в чем может быть проблема: отсутствует приветствие С возвращение, Имя. А так все остальное есть

  9. спасибо Вам за плагин, А вы не сможете научить как для привлечения подписчика давать им ссылки для подписки, чтобы сразу начинал скачиваться продукт а то продукт есть а ссылку дать не могу. нет технических знаний

  10. Здравствуйте!!! Подскажите, можно дефолтную картинку с граватара заменить на свою дефолтную??? Через настройки плагина, тип аватара: статический, получается, но при этом тогда граватары комментаторов не просматриваются. А охота, чтобы и граватары комментаторов и если таковой нет, то моя дефолтная картинка показывалась.
    И ещё вопрос: можно сделать так, чтобы предпросмотр показывался не в форме комментирования, а последним комментарием, как когда комментарий на модерацию попадает.

    • Подскажите, можно дефолтную картинку с граватара заменить на свою дефолтную???

      Найдите в плагине строку:

      var avatar = '<img src="http://www.gravatar.com/avatar/' + md5 + '?s=<?php echo $avatar_size; ?>" alt="" class="avatar" />';

      и замените на эту:

      var avatar = '<img src="http://www.gravatar.com/avatar/' + md5 + '?s=<?php echo $avatar_size; ?>&d=<?php echo urlencode('http://example.com/images/avatar.jpg'); ?>" alt="" class="avatar" />';

      А вместо http://example.com/images/avatar.jpg вставьте ссылку на свое изображение.

      И ещё вопрос: можно сделать так, чтобы предпросмотр показывался не в форме комментирования, а последним комментарием, как когда комментарий на модерацию попадает.

      Такой возможности, к сожалению, нет.

  11. А выбор цвета, и размер шрифта как то можно вывести?
    Спасибо!

  12. Подскажите, пожалуйста, как можно в вашем плагине реализовать вставку шорткода такого плана (выделить ссылку и с обеих сторон) [img]ссылка[/img][float=center]
    Сам в это не очень понимаю но хотелось бы вывести такую кнопку.
    Заранее спасибо за ответ!

  13. Поставил Ваш плагин-замечательно работает, но… когда отключен Antispam Bee. Обратился к спецу знакомому-сказал писать Вам, чтоб посоветовали, как исправить эту несовместимость плагинов.

    • После активации Antispam Bee нужно заглянуть в код страницы с комментариями и найти там что-то типа этого:

      <textarea name="432cb-comment" id="comment" cols="100%" rows="10" tabindex="4"></textarea><textarea name="comment" style="display:none" rows="1" cols="1"></textarea>

      Скопировать 432cb-comment (у вас там будут другие цифры и буквы) и вставить в опцию моего плагина «Значение параметра name тега textarea».

  14. После активации плагина, в админке появилась страничка настройки плагина, но на самом сайте ничего не появилось.

  15. Хороший плагин, респект! Я их кучу перетасовал, сейчас вот только попробую подобрать плагин цитирования комментов.
    Кнопка tt непонятная без предпросмотра

  16. Здравствуйте! Отличный плагин! Но подскажите, он выводится в форме по параметру name, но что если у меня на сайте 3 шаблона комментариев, все имеют одинаковый name=»comment», но вывести блок плагина нужно только в одном из них? Как это реализовать? Заранее спасибо!

    • Не представляю, как.

      • Я думал что Вы, как разработчик этого плагина знаете. Не подскажете пожалуйста, решение этой проблемы? вставить блок плагина нужно в шаблон комментариев, который выводится в single.php, и может на основе это создать условие типа если это single, то выводить, если нет — не выводить. Спасибо за помощь!

  17. Почти… не работает)) Установил, всё работает для формы комментирования, но слетела прокрутка страницы «кнопка вверх». Стояла на сайте полгода. Добавил jQuery Comment Preview и перестала быть прокрутка вверх. Вроде безобидный javascript-код у данной «кнопки вверх», но сработала видать несовместимость скриптов…

  18. А можно сделать кнопку с выводом сл. шорткода:

    [code][/code]

    т.е. вывод квадратных скобок?

    • Только если править код плагина. Вот тут поменяй угловые скобки на квадратные:

      
      			} else {
      				var start = '<' + tag + attribs + '>';
      				var end = '</' + tag + '>';
      			}
      

      И в этом случае, если ты также используешь обычные теги, то они все станут с квадратными скобками.

  19. А как добавить кнопки CSS HTML JavaScript PHP как у вас на блоге?

  20. И ещё: Можно ли такие же кнопки добавить в редактор в админке

Ваш комментарий