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

Kosjak76 · September 22, 2016

не знаю, кому как

Я например, вообще не пользуюсь редактором, все пишу в html

SimplaDeveloper · September 22, 2016

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

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

Barbatos · September 27, 2016

А у меня проблемка такая, пропала полоса коризонтальной прокрутки, и теперь не удобно картинки вставлять. как вернуть?

Dzof · October 6, 2016

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

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

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

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

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

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

Kosjak76 · October 6, 2016

В смысле?

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

Dzof · October 6, 2016

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

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

limp · November 20, 2016

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

.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 - режет и то и другое. Так вот вопрос, есть ли возможность отключить этот фильтр? Спасибо!

MRGLONIN · January 17, 2017

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

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 January 17, 2017 by MRGLONIN

griin · March 4, 2017

Потестировал 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 архив грузит без проблем. подскажите как решить проблему загрузки картинок

madwp · September 16, 2017

Походу ни у кого ни каких проблем нету

a13x · January 15, 2018

Рекомендую в кач-ве файлового менеджера использовать 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 January 15, 2018 by a13x

Noxter · January 15, 2018

Рекомендую в кач-ве файлового менеджера использовать moxiemanager.
http://study-time.ru/tinymce4_moxiemanager.php

Чем он лучше responsive filemanager?

a13x · January 15, 2018

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

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

Noxter · January 15, 2018

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

Пруфы

a13x · January 16, 2018

Пруфы

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

Noxter · January 16, 2018

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

Да ты резкий как понос!

Noxter · January 16, 2018

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

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

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

a13x · January 16, 2018

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

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

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

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

https://yadi.sk/d/I6VJKMrV3RWsPo

Noxter · January 16, 2018

Я удивляюсь что такой криворукий как ты забыл в программировании раз не можешь посмотреть кол-во запросов?
Приходится постоянно разжевывать и показывать. Мало того, ты ещё и неадекватно общаешься, как быдло приподъездное.
Держи. Потратил 5 минут чтобы показать тебе кол-во запросов захода в ПУСТУЮ папку в двух редакторах.
Во втором случае, если ты всё же раскроешь глаза, 2 из 3-ёх запросов уходят на яндекс т.к. подключена метрика. В итоге от сервера приходит ОДИН ответ, вместо 33 файлов как в первом случае.
https://yadi.sk/d/I6VJKMrV3RWsPo

Фу какое не воспитанное быдло, тьфу на вас...

Anticommunist · July 11, 2018

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

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

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

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

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

shooroop · July 11, 2018

Большое спасибо автору за данный редактор. Есть пара вопросов:
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 добавляем имя плагина

Stabilizator32 · November 15, 2018

А нет случайно доделанного Smimage?
Стандартный после обрезки не все картинки читаемыми выдает.

Noxter · November 15, 2018

А нет случайно доделанного Smimage?
Стандартный после обрезки не все картинки читаемыми выдает.

https://www.responsivefilemanager.com/

FoXiGeN · March 25, 2019

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

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

Puma133 · June 15, 2020

Пожалуйста

У меня с этим конфигом не работает, поделитесь кто то рабочим ?

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

Recommended Posts

Link to post

Share on other sites

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Join the conversation

Announcements