Компонента MarkdownEditorFrontend
Дополнение для редактирования текст в формате markdown на frontend c просмотром результата.
Установка
заменить
[[*content]]
на
[[!MarkdownEditorFrontend]]
В нем выполнятся сниппет Markdown и обработаются теги и выведется все на экран. Если пользователь авторизован в админке то появится два таба "Просмотр" "Редактор"
Редактировать текст на странице может только администратор сайта
Для вывода контента используется сниппет [[!markdown]]
(https://modstore.pro/packages/content/markdown)
Но перед этим происходит обработка тегов MODX если включен параметр Выполнять теги MODX
Возможности
- Редактируется только поле content другие поля не затрагиваются. Если вы хотите использовать сниппет для создания новых статей и редактирования заголовков то можете его доработать компонент написан на Vue js и большего труда это не составит.
- Редактирование текста в онлайн режиме на фронтенде, с просмотром результатов
- Подключение подсветки синтаксиса кода с помощью библиотеки highlight
- Обработка тегов MODX [[]] (к примеру можно установить ссылки в таком виде [[~1]])
- табуляция при нажатии на TAB в начале строки добавляется отступ
- Отслеживания изменений в тексте (если был изменен текст то при попытке уйти со странице вылетит сообщение)
- Редактор доступен только администратору сайта авторизованном в контекcте
mgr
- Отключение включение выполнения тегов MODX (используется как для компонента Tickets так и для обычных страниц)
- Отключение Jevix (для компонента Tickets)
Горячие клавиши
CTRL+S
- сохранение измененных результатовTAB
- добавление отступа в начале строкиShift+CTRL+ALT
- переключение между редактором и просмотром кода
Параметры сниппета MarkdownEditor
Параметры | По умолчанию | Описание |
---|---|---|
highlight | true | Включить "hljs" для автоматической подсветки синтаксиса кода после редактирования |
langPrefix | language- | Префикс класса hljs |
tab | view | Выбор какой таб открыт по умолчанию (view или redactor) |
process_tags | false | выполнения тегов MODX |
02 июля 2017, 11:13 729
Вы должны авторизоваться, чтобы оставлять комментарии.
Комментарии ()