Jump to content

TinyMCE Обновление до 4 версии


Go to solution Solved by Kosjak76,

Recommended Posts

  • Replies 99
  • Created
  • Last Reply

Top Posters In This Topic

Ну, если ты сразу в html пишешь, то понятно, что тебе никакие больше кнопки не нужны  :)  

Зачем тебе тогда вообще TinyMce обновлять? Правда у меня в старой версии в html-редакторе весь код сплошняком писался, все теги друг за другом. 

Link to post
Share on other sites
  • 2 weeks later...

решил подытожить. Решение камрада Косяка и прикрученный Responsive Filemanager

Качать с ЯДиска

Не могли бы Вы выложить еще инструкцию по "подключению" в админ-разделе "блог" вновь появившихся полей и кнопок:

1 - Превью записи на главной,

2 - Изображение записи

3 - Краткое описание для главной

Заранее благодарен.

Link to post
Share on other sites

В смысле?

Подключение редактора не имеет к этим полям никакого отношения.

Я скачал и установил файлы, которые по ссылке xikarx, в 16 Feb 2016 - 10:31. Там содержатся среди прочих файл post.tpl У меня появились новые поля в админке поста, которые я указал. Штука хорошая, но требует подключения к БД, очевидно...

Link to post
Share on other sites
  • 1 month later...

Добрый вечер! Боюсь сочтёте за глупость, но всё же спрошу. К решению обновить TinyMCE пришел, после того когда понял, что он режет код  при сохранении, причём выборочно. такй просто вырезает напрочь:

 

<style type="text/css">
.os-form-wrap {
    border: 5px solid #0799ff;
    padding: 22px 40px;
    width: 100%;
}
</style>

 

Такой пропускает: 

<link rel="Stylesheet" href="https://os/excursion/tour.css" type="text/css" />
<script src="https://js/excursion/" type="text/javascript"></script>

Так вот, версия 4.1 - режет и то и другое. Так вот вопрос, есть ли возможность отключить этот фильтр? Спасибо!

Link to post
Share on other sites
  • 1 month later...

Не работает автозаполнения описания бренда. 

function generate_meta_description()

{

	if( typeof tinymce != "undefined" )

	{

		return myCustomGetContent( "description" );

	}

	else

		return $('textarea[name=description]').val().replace(/(<([^>]+)>)/ig," ").replace(/(\ )/ig," ").replace(/^\s+|\s+$/g, '').substr(0, 512);

}

Заполняет все кроме описания. Пробовал 2 других вариант. Которые где есть краткое описание и где нету.  

Edited by MRGLONIN
Link to post
Share on other sites
  • 1 month later...

Потестировал http://www.responsivefilemanager.com/, отлично работает с последним tinymce (4.1.7)

 

файл tinymce_init.tpl

<script language="javascript" type="text/javascript" src="design/js/tinymce/tinymce.min.js"></script>
<script language="javascript">


tinymce.init({
    selector: "textarea.editor_large,textarea.editor_small",
    language : "ru",
    plugins: [
         "advlist autolink link image lists charmap print preview hr anchor pagebreak",
         "searchreplace wordcount visualblocks visualchars insertdatetime media nonbreaking",
         "table contextmenu directionality emoticons paste textcolor responsivefilemanager"
   ],
   toolbar1: "undo redo | bold italic underline | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | styleselect",
   toolbar2: "| responsivefilemanager | link unlink anchor | image media | forecolor backcolor  | print preview code ",
   image_advtab: true ,
   
   external_filemanager_path:"/simpla/design/js/filemanager/",
   filemanager_title:"Responsive Filemanager" ,
   external_plugins: { "filemanager" : "/simpla/design/js/filemanager/plugin.min.js"}
 });


</script>
 

заливаем из скаченного архива папку "filemanager" в "/simpla/design/js", ну и папку плагина "responsivefilemanager" в "/simpla/design/js/tinymce/plugins"

 

Далее в файле /simpla/design/js/filemanager/config/config.php прописываем нужные адреса к нашей папке с загрузками

$upload_dir = '/files/uploads/';
$current_path = '../../../../files/uploads/';
$thumbs_base_path = '../../../../files/thumbs/';

 

И не забудьте создать доп. папку для превьюшек "thumbs" в папке "/files/", установив ей права 777

У меня при загрузке картинки любого размера пишет не достаточно памяти, а например zip архив грузит без проблем. подскажите как решить проблему загрузки картинок

Link to post
Share on other sites
  • 6 months later...
  • 3 months later...

Рекомендую в кач-ве файлового менеджера использовать moxiemanager.

http://study-time.ru/tinymce4_moxiemanager.php

 

responsivefilemanager очень тяжелый и при каждом обновлении каталога подтягивает все js файлы вместо того чтобы передавать все json'ом.

 

Мой вариант подключения если кому интересно (как это работает по ссылке выше):

 

<script src="/tinymce4/plugins/moxiemanager/js/moxman.loader.min.js"></script>
<script src="/tinymce4/tinymce.min.js"></script>
<script>tinymce.PluginManager.load('moxiemanager', '/tinymce4/plugins/moxiemanager/plugin.min.js');</script>
{literal}
<script>
tinymce.init({
        language:"ru",
        selector: ".tinymce",
        theme: "modern",
        plugins: [
            "advlist autolink lists link image charmap print preview anchor codemagic",
            "fontawesome noneditable searchreplace visualblocks codemirror fullscreen",
            "insertdatetime emoticons media table contextmenu moxiemanager",
            "hr pagebreak wordcount  visualchars nonbreaking save directionality template paste textpattern imagetools easyColorPicker"
        ],
        codemirror: {
            indentOnInit: true,
            smartIndent: true,
            path: 'codemirror-4.8',
            config: {
                indentUnit: 4,
                lineNumbers: true,
                mode: "htmlmixed",
                indentWithTabs: true,
                lineWrapping: true,
                gutters: ['CodeMirror-lint-markers', 'CodeMirror-linenumbers', 'CodeMirror-foldgutter'],
                foldGutter: true,
                extraKeys: {
                    "Ctrl-Space": "autocomplete",
                    "F11": function (cm) {
                        cm.setOption("fullScreen", !cm.getOption("fullScreen"));
                    },
                    "Esc": function (cm) {
                        if (cm.getOption("fullScreen")) cm.setOption("fullScreen", false);
                    }
                }
            },
            jsFiles: [
                'addon/display/fullscreen.js',
                'addon/fold/foldcode.js',
                'addon/fold/foldgutter.js',
                'addon/fold/brace-fold.js',
                'addon/fold/xml-fold.js',
                'addon/fold/markdown-fold.js',
                'addon/fold/comment-fold.js',
                'addon/edit/trailingspace.js',
                'mode/xml/xml.js',
                'mode/javascript/javascript.js',
                'mode/css/css.js',
                'mode/htmlmixed/mixed.js',
                'mode/smarty/smarty.js',
                'mode/smartymixed/smartymixed.js',
            ],
            cssFiles: [
                'addon/display/fullscreen.css',
                'addon/fold/foldgutter.css',
            ]
        },
        content_css: ['https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'],
        toolbar: "emoticons fontawesome | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist | easyColorPicker | link media insertfile image | code",
        style_formats: [
        {title: 'Заголовки', items: [
            {title: 'Заголовок H1', block: 'h1'},
            {title: 'Заголовок H2', block: 'h2'},
            {title: 'Заголовок H3', block: 'h3'},
            {title: 'Заголовок H4', block: 'h4'},
            {title: 'Заголовок H5', block: 'h5'},
            {title: 'Заголовок H6', block: 'h6'}
        ]},

        {title: 'Шрифты', items: [
            {title: 'Open Sans', inline: 'span', styles: { 'font-family':'Open Sans'}},
            {title: 'Arial', inline: 'span', styles: { 'font-family':'arial'}},
            {title: 'Book Antiqua', inline: 'span', styles: { 'font-family':'book antiqua'}},
            {title: 'Calibri', inline: 'span', styles: { 'font-family':'calibri'}},
            {title: 'Comic Sans MS', inline: 'span', styles: { 'font-family':'comic sans ms,sans-serif'}},
            {title: 'Courier New', inline: 'span', styles: { 'font-family':'courier new,courier'}},
            {title: 'Georgia', inline: 'span', styles: { 'font-family':'georgia,palatino'}},
            {title: 'Helvetica', inline: 'span', styles: { 'font-family':'helvetica'}},
            {title: 'Impact', inline: 'span', styles: { 'font-family':'impact,chicago'}},
            {title: 'Symbol', inline: 'span', styles: { 'font-family':'symbol'}},
            {title: 'Tahoma', inline: 'span', styles: { 'font-family':'tahoma'}},
            {title: 'Terminal', inline: 'span', styles: { 'font-family':'terminal,monaco'}},
            {title: 'Times New Roman', inline: 'span', styles: { 'font-family':'times new roman,times'}},
            {title: 'Verdana', inline: 'span', styles: { 'font-family':'Verdana'}}
        ]},

        {title: 'Размеры', items: [
            {title: '8px', inline: 'span', styles: { 'font-size':'8px'}},
            {title: '12px', inline: 'span', styles: { 'font-size':'12px'}},
            {title: '14px', inline: 'span', styles: { 'font-size':'14px'}},
            {title: '16px', inline: 'span', styles: { 'font-size':'16px'}},
            {title: '18px', inline: 'span', styles: { 'font-size':'18px'}},
            {title: '20px', inline: 'span', styles: { 'font-size':'20px'}},
            {title: '22px', inline: 'span', styles: { 'font-size':'22px'}},
            {title: '28px', inline: 'span', styles: { 'font-size':'28px'}},
            {title: '32px', inline: 'span', styles: { 'font-size':'32px'}},
            {title: '36px', inline: 'span', styles: { 'font-size':'36px'}},
            {title: '42px', inline: 'span', styles: { 'font-size':'42px'}},
            {title: '56px', inline: 'span', styles: { 'font-size':'56px'}},
            {title: '72px', inline: 'span', styles: { 'font-size':'72px'}},
        ]},

        {title: 'Блоки', items: [
            {title: 'p', block: 'p'},
            {title: 'div', block: 'div'},
            {title: 'span', block: 'span'},
            {title: 'pre', block: 'pre'}
        ]},

        {title: 'Контейнеры', items: [
            {title: 'section', block: 'section', wrapper: true, merge_siblings: false},
            {title: 'article', block: 'article', wrapper: true, merge_siblings: false},
            {title: 'blockquote', block: 'blockquote', wrapper: true},
            {title: 'code', block: 'code', wrapper: true},
            {title: 'hgroup', block: 'hgroup', wrapper: true},
            {title: 'aside', block: 'aside', wrapper: true},
            {title: 'figure', block: 'figure', wrapper: true}
        ]}
        ],
        preformatted : true,
        image_advtab: true,
        apply_source_formatting : true,
        theme_advanced_resizing: true,
        autosave_ask_before_unload: false,
        height: 400,
        relative_urls: false,
        force_br_newlines : true,
        force_p_newlines : false,
        forced_root_block : '',
        visualblocks_default_state: false,
        verify_html : false,
        entity_encoding: 'raw',
});
</script>
{/literal}
 
Edited by a13x
Link to post
Share on other sites

Я же написал, responsive очень тяжелый и тащит с каждым запросом все библиотеки по нескольку раз, вместо того чтобы отдать содержимое директории json'ом. Также он не создаёт превью фоток (насколько мне известно) из-за чего содержимое папки будет долго грузится, а moxiemanager делает это автоматом.

+ в moxiemanager есть редактор фото и много других хороших функций. я например сделал авторизацию на своей системе через js библиотеку moxiemanager'a.

Link to post
Share on other sites

Я же написал, responsive очень тяжелый и тащит с каждым запросом все библиотеки по нескольку раз, вместо того чтобы отдать содержимое директории json'ом. Также он не создаёт превью фоток (насколько мне известно) из-за чего содержимое папки будет долго грузится, а moxiemanager делает это автоматом.

+ в moxiemanager есть редактор фото и много других хороших функций. я например сделал авторизацию на своей системе через js библиотеку moxiemanager'a.

Пруфы
Link to post
Share on other sites

зайди на сайт responsive filemanager, открой консольку и посмотри своими глазками :D

Открыл, посмотрел, проверил, всё отлично работает.

Так что идём и свои глазки протираем от пыли.

Link to post
Share on other sites

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

Приходится постоянно разжевывать и показывать. Мало того, ты ещё и неадекватно общаешься, как быдло приподъездное.

Держи. Потратил 5 минут чтобы показать тебе кол-во запросов захода в ПУСТУЮ папку в двух редакторах.

Во втором случае, если ты всё же раскроешь глаза, 2 из 3-ёх запросов уходят на яндекс т.к. подключена метрика. В итоге от сервера приходит ОДИН ответ, вместо 33 файлов как в первом случае.

https://yadi.sk/d/I6VJKMrV3RWsPo

Link to post
Share on other sites

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

Приходится постоянно разжевывать и показывать. Мало того, ты ещё и неадекватно общаешься, как быдло приподъездное.

Держи. Потратил 5 минут чтобы показать тебе кол-во запросов захода в ПУСТУЮ папку в двух редакторах.

Во втором случае, если ты всё же раскроешь глаза, 2 из 3-ёх запросов уходят на яндекс т.к. подключена метрика. В итоге от сервера приходит ОДИН ответ, вместо 33 файлов как в первом случае.

https://yadi.sk/d/I6VJKMrV3RWsPo

Фу какое не воспитанное быдло, тьфу на вас...
Link to post
Share on other sites
  • 5 months later...

Большое спасибо автору за данный редактор. Есть пара вопросов:

1. У меня в старой версии были 2.х был очень мощный редактор табилиц, в частности там можно было задавать заливку строк и столбцов выборочно чёт-нечет. В этой версии каждую строку нужно заливать в ручную... Ну и ещё куча всего по мелочи, работа с рамками и т.д. Так вот, как можно в 4.х версию внести табличный плагин из 2.х? 

 

2. В данной версии есть возможность вставлять заранее заготовленные шаблоны, но где они должны лежать, как их туда экспортировать из редактора? 

 

3. В этом плагине можно добавлять кнопки на панель, но как это сделать? Где режим настроек?

 

Спасибо за ответы, заранее извиняюсь за возможную тупость)))

Link to post
Share on other sites

Большое спасибо автору за данный редактор. Есть пара вопросов:

1. У меня в старой версии были 2.х был очень мощный редактор табилиц, в частности там можно было задавать заливку строк и столбцов выборочно чёт-нечет. В этой версии каждую строку нужно заливать в ручную... Ну и ещё куча всего по мелочи, работа с рамками и т.д. Так вот, как можно в 4.х версию внести табличный плагин из 2.х? 

 

2. В данной версии есть возможность вставлять заранее заготовленные шаблоны, но где они должны лежать, как их туда экспортировать из редактора? 

 

3. В этом плагине можно добавлять кнопки на панель, но как это сделать? Где режим настроек?

 

Спасибо за ответы, заранее извиняюсь за возможную тупость)))

 

 

http://r-band.ru/how-to/ustanovka-i-nastroyka-tinymce-inicializaciya-i-parametry-redaktora.html

 

https://habr.com/post/266337/

 

плагины https://www.tiny.cloud/docs/plugins/

 

3 Кидаем в папку плагинов тини, а в tinymce.plugin.php добавляем имя плагина

Link to post
Share on other sites
  • 4 months later...
  • 4 months later...

Помогите товарищи проблема такая:

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

Link to post
Share on other sites
  • 1 year later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...