марта 18 2015
0

Как подключить визуальный редактор для страниц?

xen-chut    18 марта 2015, 16:57    в избранное в избранном    7 комментариев
Вопросы, проблемы и их решения   
В админке есть контент-страницы, вот как мне туда подключить визуальный редактор?
Обращаю внимание alto v1.0.x от сегодня с гитхаба, незнаю есть ли в 1.1а, но тут нет.
Теги:

Похожие статьи

  • Alto CMS v1.1.32 + Fix
    Привет! Есть желание пофиксить ошибки. Вопрос в пустоту. Интересует? Ошибки пишите в комментарии или на гит.
  • Как удалить данные подгрузки страницы в altocms?
    Привет Хочу удалить эту хрень Но не могу найти, где это сделать.
  • Система приглашения по инвайтам.
    Добрый вечер! Возник небольшой вопрос по поводу системы приглашения по инвайтам. На данный момент инвайты создавать может только администратор? Если нет, то где и как включить, чтобы зарегистрированные пользователи...
  • Плагины Компании и Работа, теперь на Альто
    Добрый день, меня зовут Антон, я занимаюсь разработкой плагинов и доработок под Livestreet с 2009 года. Тогда же были написаны плагины Компании и Работа для livestreet, некий аналог разделам хабрахабр. Недавно стали...

7 комментариев

+1
Отписал на github о недоделке
0
Спасибо, отлично, но мне решение нужно сегодня, а не через пару недель.
покопался, нашел в файле \common\templates\skin\admin-default\tpls\inc.editor.tpl
пропущен кусок кода, если смотреть по аналогии с фронтом:
else {
    jQuery(function(){
        tinymce.init({$sSettingsTinymce});
    });
}

Если его добавить, валятся куча ошибок в консоль
tinymce.min.js:4 GET some.dev/admin/content-pages/edit/1//plugins/advlist/pluginundefined.js
tinymce.min.js:4 Failed to load: some.dev/admin/content-pages/edit/1//plugins/advlist/pluginundefined.js

никак не пойму о чем это он
+1
Там все просто, в common\templates\skin\admin-default\settings\config\config.php

нужно вместо 
'___path.frontend.dir___/libs/vendor/tinymce_4/tinymce.min.js' => array('name' => 'tinymce', 'asset' => 'mini'),
вставить 
/* tinyMCE */
    '___path.frontend.dir___/libs/vendor/tinymce_4/tinymce.min.js'       => array(
        'dir_from' => '___path.frontend.dir___/libs/vendor/tinymce_4/',
        'name'     => 'tinymce_4',
        'compress' => false,
        'merge'    => false
    ),
    '___path.frontend.dir___/libs/vendor/tinymce_4/plugins/*'       => array(
        'dir_from'  => '___path.frontend.dir___/libs/vendor/tinymce_4/',
        'prepare'   => true,
        'compress'  => false,
        'merge'     => false
    ),
    '___path.frontend.dir___/libs/vendor/tinymce_4/langs/*'       => array(
        'dir_from' => '___path.frontend.dir___/libs/vendor/tinymce_4/',
        'prepare'  => true,
        'compress' => false,
        'merge'    => false
    ),
    '___path.frontend.dir___/libs/vendor/tinymce_4/skins/*'       => array(
        'dir_from' => '___path.frontend.dir___/libs/vendor/tinymce_4/',
        'prepare'  => true,
        'compress' => false,
        'merge'    => false
    ),
    '___path.frontend.dir___/libs/vendor/tinymce_4/themes/*'       => array(
        'dir_from' => '___path.frontend.dir___/libs/vendor/tinymce_4/',
        'prepare'  => true,
        'compress' => false,
        'merge'    => false
    ),
+1
А еще нужно добавить class в common\templates\skin\admin-default\tpls\actions\admin\action.admin.content\pages_add.tpl там где класс js-editor-markitup добавить еще и js-editor-wysiwyg
0
Огромное спасибо!
Редактор появился, но в нем не работает кнопка вставки изображения.
И когда нажимаешь формат — появляется дропдаун с тремя пустыми строками.
+1
Ещё нужно подгрузить текстовки как здесь
+1
Большое спасибо за ответ и наводку, но к сожалению это не дало никаких результатов.
Но выпадающий список формат исправила вот эта строка:
ls.lang.load({lang_load name=«panel_title_h4,panel_title_h5,panel_title_h6»});

Вставить\изменить изображение по прежнему не работает.

Вынес код отвечающий за отображение модального окна из раздела с markitup за все ифы, вот что получилось в файле \common\templates\skin\admin-default\tpls\inc.editor.tpl:


{if !$sImgToLoad}
    {assign var="sImgToLoad" value="topic_text"}
{/if}
{include_once file="modals/modal.upload_img.tpl" sToLoad=$sImgToLoad}

{if Config::Get('view.wysiwyg')}
    {if !$sSettingsTinymce}
        {assign var="sSettingsTinymce" value="ls.settings.getTinymce()"}
    {/if}

    <script type="text/javascript">
        $(function(){
            ls.lang.load({lang_load name="panel_spoiler_title,panel_spoiler_text,panel_user,panel_user_promt,panel_photoset,panel_spoiler,panel_photoset_from,panel_photoset_to,panel_photoset_align,panel_photoset_align_left,panel_photoset_align_right,panel_photoset_align_both,panel_photoset_topic"});
        });
        ls.lang.load({lang_load name="panel_title_h4,panel_title_h5,panel_title_h6"});
        if (!tinymce) {
            jQuery.getScript(ls.cfg.assets['tinymce_4'], function() {
                jQuery(function ($) {
                    tinymce.init({$sSettingsTinymce});
                });
            });
        } else {
            jQuery(function(){
                tinymce.init(ls.settings.getTinymce());
            });
        }
    </script>
{else}

    {if !$sSettingsTinymce}
        {$sSettingsMarkitup="ls.settings.getMarkitup()"}
    {/if}
    <script type="text/javascript">
        jQuery(function ($) {
            ls.lang.load({lang_load name="panel_b,panel_i,panel_u,panel_s,panel_url,panel_url_promt,panel_code,panel_video,panel_image,panel_cut,panel_quote,panel_list,panel_list_ul,panel_list_ol,panel_title,panel_clear_tags,panel_video_promt,panel_list_li,panel_image_promt,panel_user,panel_user_promt"});
            $('.js-editor-markitup').markItUp({$sSettingsMarkitup});
        });
    </script>
{/if}


Модальное окно появилось, но оно выглядит не так как на фронте, а хотелось бы одного стиля в обоих редакторах, т.к. остальные окна работают и выглядят одинакого, плюс в этом окне некоторые элементы съехавшие, нет возможности задать максимальный размер и кнопка отмена не работает опять )

Скрин того что получилось:


Скрин того как нужно (с фронта):
Отредактирован:
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.