• Главная
  • Создание сайта
    • Хостинг сайтов
    • Простой интернет сайт
    • Тестируем PHP форум
    • Размещение сайта
    • Динамический сайт
    • Статьи о cms MODx
    • Студии вебдизайна
  • Раскрутка
    • Продвижение сайта
    • Белые каталоги
    • Проверка тИЦ и PR
  • Заработок
    • Партнерские программы
    • Платные разделы сайта
    • Продажа ссылок
    • Баннерная реклама
    • Контекстная реклама
    • Другие способы
  • HTML и CSS
    • История HTML, PHP и ...
    • Основы HTML и CSS
    • Возможности CSS3
    • Верстаем сайт
  • Контакты
Главная страница Карта сайта Обратная связь
Greenlight5.com

Разделы

  • Хостинг сайтов
  • Простой интернет сайт
  • Тестируем PHP форум
  • Размещение сайта
  • Динамический сайт
  • Статьи о cms MODx
  • Студии вебдизайна

Последние статьи

  • Алгоритм Минусинск или прощайте ссылки...
    статья Новость о скором введении нового алгоритма - Минусинска
    подробнее
  • Правильное seo. А было ли?
    статья "Синдром отличника" заставляет многих сеошников мучаться извечным вопросом - а какое оно "правильное seo"? Спрашивается, зачем?
    подробнее

Jot MODx, разрешить html теги и подключить TinyMCE

cms MODxЯ думаю, стоит добавить материала к статье комментарии MODx сниппет Jot. Там мы разбирали различные улучшения и дополнения к этому сниппету.

Однако остались некоторые вопросы, которые стоит осветить. Сразу скажу, что я не являюсь серьезным программистом и разработчиком CMS MODx Evolution. Я лишь пользователь этого движка. И большинство изложенной ниже информации я наскреб в интернете из различных источников и объединил в одну статью.

Поэтому сразу предупреждаю, что бесполезно мне задавать сложные технические вопросы. Однако вам всегда сможет помочь живое сообщество CMS MODx.

Вернемся к теме статьи. По умолчанию в комментариях, созданных с помощью сниппета Jot, вырезаются все html теги. Точнее они полностью игнорируются.

Как это исправить? Идем assets - snippets - jot - templates и открываем файл chunk.comment.inc.html специальной программой Notepad++.

В строке № 38 находим запись:

<div class="jot-message">[+comment.content:wordwrap:esc:nl2br+]</div>

Нас интересует плейсхолдер [+comment.content:wordwrap:esc:nl2br+]

Параметр esc в этой конструкции как раз отвечает за игнорирование всех html тегов в форме комментариев.

Параметр nl2br добавляет тег <br /> для переноса строк в сообщении.

Чтобы разрешить HTML теги в комментариях изменяем плейсхолдер на:

[+comment.content:wordwrap:nl2br+]

Для написания самого сообщения в комментарии сниппет Jot использует обычное многострочное поле textarea. И коль мы разрешили использование HTML тегов в комментариях, то неплохо бы было подключить к textarea визуальный редактор TinyMCE.

Сразу скажу, что в такой ситуации разобранный выше плейсхолдер в строке № 38 файла chunk.comment.inc.html должен принять вид:

[+comment.content+]

Перенос строк в сообщении с помощью тега <br /> нам не требуется, так как TinyMCE для этого использует тег абзаца <p>.

Как подключить редактор TinyMCE к форме комментариев Jot?

Для этого нужно вставить следующую конструкцию между тегами <head> … </head> шаблона страницы сайта:

<script language="javascript" type="text/javascript"
src="assets/plugins/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript">
tinyMCE.init({
language : 'ru',
mode : "textareas",
theme : "advanced",
plugins : "emotions,media,advimage",
theme_advanced_buttons1 : "undo,redo,|,bold,italic,underline,strikethrough,|,link, unlink,|,code,|,emotions,|,media,|,image",
theme_advanced_buttons2 : "",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
theme_advanced_resizing : true,
});
</script>

Так мы подключим TinyMCE ко всем полям textarea на веб-странице.

Добавить комментарий

Поля отмеченные * обязательны. HTML тэги отключены.

Если не можете разобрать код, нажмите на него. Картинка будет заменена.
 
admin
Сообщения: 4
Comment
Re: статья
Ответ #1 дата : 18.06.2012 в 19:20:15

Как видите, мы подключили HTML теги к сообщениям Jot и добавили TinyMCE редактор для удобства гостя посетителя.


Расстояние между первым и вторым абзацем сообщения слишком большое из-за того, что я не вырезал из плейсхолдера Jot команду использовать тег br для переноса строк.

admin
Сообщения: 4
Comment
Re: статья
Ответ #2 дата : 18.06.2012 в 19:21:41

И напоследок немного юмора с YouTube: Laughing







armx
Сообщения: 4
Comment
Re: статья
Ответ #3 дата : 16.07.2012 в 13:16:55

При подключении к Jot TinyMCE нагрузка на сервер не возрастает?

admin
Сообщения: 4
Comment
Re: armx
Ответ #4 дата : 16.07.2012 в 14:03:31

Вряд ли. Не думаю, что появится какая-нибудь серьезная нагрузка. Smile

armx
Сообщения: 4
Comment
Re: статья
Ответ #5 дата : 17.07.2012 в 13:36:09

Да, TinyMCE приятная вещь. Только поле для ввода комментариев Вам бы надо увеличить, маловато оно.


Мне нравится Ваш блог, только я сделал бы многое подругому. Три колонки мне почему-то больше нравятся, чем две. Но.. о вкусах не спорят.

Изменено: 17.07.2012 в 14:00:12 admin  
admin
Сообщения: 4
Comment
Re: статья
Ответ #6 дата : 17.07.2012 в 14:15:20

Я использовал готовый шаблон. Хотя три колонки мне тоже больше нравятся. Следующий мой сайт будет из 3-х колонок и с уникальным дизайном. Этот ресурс как разогрев перед серьезной работой.


Что касается поля комментариев, если его увеличить, то смотреться будет не очень. Не все же пишут отзывы на пол страницы... Большинство вообще комментов не оставляет.


Кстати, сайт этот могу продать, но дорого.

Александр
Сообщения: 4
Comment
стили
Ответ #7 дата : 23.07.2014 в 16:34:53

Я понять не могу. Вы добавили редактор к Jot путем скрипта в head. Но как вы его выровняли, изменили размер? Какой див в какой таблице стилей правили? Вообще не въезжаю, гдядя на исходный код.

Игорь
Сообщения: 4
Comment
Re: статья
Ответ #8 дата : 06.08.2014 в 09:52:04

А где кнопка обозревателя? чтобы вставить картинку с папки компьютера


а не писать адрес к ней вручную


ее нет внутри при нажатии на пиктограмку дерва
Greenlight5.com
  Рейтинг@Mail.ru