Решено: Простой редактор WYSIWYG с фронтенда для ZOO и JDownloads

Небольшие заметки о html, css, sql, php

Модератор: Valery

Правила форума
Гость видит 250 символов 1 сообщения
Аватара пользователя
Valery
Без группы
Без группы
Сообщения: 22267
На борту с: 07.02.2005 10:00
Награды: 5
Из: Тридевятое царство

Обычная тема Решено: Простой редактор WYSIWYG с фронтенда для ZOO и JDownloads

Сообщение Valery »

При подаче материала с фронта в ZOO незарегистрированными - голое текстовое окно. Наткнулся на такой чудо редактор WYSIWYG:
jQuery TE является плагином jQuery. Это легкий (19,5 КБ) и очень полезный HTML-редактор. И он работает с моделью WYSIWYG. Он может быть интегрирован в систему за пару минут. Можно его изменять как душе угодно через классы css.
Можно его конечно грузить вместе с шаблоном Joomla!, но он нужен только при подаче материала в ZOO - соответственно это лишние 32Кб.

Чтобы грузить только при подаче материала в ZOO делаем так:
1. Скачиваем сам редактор 24кб - Внешняя ссылка

2. jquery-te.png и jquery-te-1.4.0.css кидаем в папку шаблона:

Код: Выделить всё

vodkomotornik.ru\templates\vodkomoto\css\
3. jquery-te-1.4.0.min.js кидаем в папку шаблона:

Код: Выделить всё

vodkomotornik\templates\vodkomoto\js\
4. Открываем:

Код: Выделить всё

vodkomotornik.ru\media\zoo\applications\product\templates\ВАШ_ШАБЛОН_КАТАЛОГА\submission.php
Дописываем вниз:

Код: Выделить всё

<link type="text/css" rel="stylesheet" href="templates/vodkomoto/css/jquery-te-1.4.0.css">
<script type="text/javascript" src="templates/vodkomoto/js/jquery-te-1.4.0.min.js" charset="utf-8"></script>
<script>
$(document).ready(function() {
    $('textarea').jqte();//textarea - имя html элемента если ему назначен class="textarea" то запись '.textarea'
    var jqteStatus = true;
    $(".status").click(function() {
        jqteStatus = !jqteStatus; 
        $('.jqte-test').jqte({"status": jqteStatus});
    });
});
</script>
Чистим кэш браузера, перезагружаем форму подачи материала и видим редактор над текстовым полем :shock:

Если не появился - смотрим исходный код страницы на предмет подключения стиля и скрипта:

Код: Выделить всё

<link type="text/css" rel="stylesheet" href="/templates/vodkomoto/css/jquery-te-1.4.0.css">
<script type="text/javascript" src="/templates/vodkomoto/js/jquery-te-1.4.0.min.js" charset="utf-8"></script>
Для админки ZOO - administrator\components\com_zoo\views\item\tmp\edit.php

Так же можно добавить WYSIWYG редактор и в JDownloads для загрузки материала:
Открыть:

Код: Выделить всё

vodkomotornik.ru\components\com_jdownloads\views\form\tmpl\edit.php
Добавить WYSIWYG редактор и в JDownloads для админки материала:
Открыть:

Код: Выделить всё

administrator\components\com_jdownloads\views\download\tmpl\edit.php

Добавить в административную панель Joomla!
Открыть:

Код: Выделить всё

administrator\templates\isis\index.php
Добавить перед </body> код:

WYSIWYG редактор Zh GoogleMap для админки ред. метки

Код: Выделить всё

administrator\components\com_zhgooglemap\views\mapmarker\tmpl\edit.php
WYSIWYG редактор Adsmanager для подачи материала

Код: Выделить всё

components\com_adsmanager\views\edit\tmpl\default.php
WYSIWYG редактор ARI Quiz для вопроса в админке

Код: Выделить всё

administrator\components\com_ariquiz\views\quizquestion\tmpl\default.php
WYSIWYG редактор JoomGallery - редактирование фото

Код: Выделить всё

components\com_joomgallery\views\userpanel\tmpl\default.php
WYSIWYG редактор JoomGallery - загрузка фото

Код: Выделить всё

components\com_joomgallery\views\views\upload\tmpl\default_single.php
Страница плагина - Внешняя ссылка
У вас нет необходимых прав для просмотра вложений в этом сообщении.
По суше: велосипед, Соболь 4х4 самый западный и LR Defender 110.
Отдохнул – отчитайся, лучшее слово – дело.

Теги: