Удалить путь в строке состояния в TinyMCE4

Я только что перешел из TinyMCE3 в TinyMCE4, и мне интересно, как удалить этот путь в строке состояния. Но я хочу сохранить свою строку состояния, чтобы иметь функциональность изменения размера.

С TinyMCE3 мы можем сделать это с помощью

tinymce.init({
    ...
    theme_advanced_path : false
});

Как я могу получить тот же результат с TinyMCE4?

Спасибо

Ответ 1

Это работает для меня:

.mce-path {/* CSS */
    display: none !important;
}

EDIT:

В TinyMCE4, я не думаю, что есть официальный способ сделать это, передав параметр tinymce.init();, чтобы отключить этот путь. Вы можете передать statusbar: false, но это скроет путь и значок изменения размера, к сожалению!

Ответ, который я дал с помощью CSS, скрывает путь, но значок изменения размера остается там. Но убедитесь, что у вас есть statusbar: true в tinymce.init();

Ответ 2

В TinyMCE 4 вы можете удалить только путь в строке состояния, установив путь элемента конфигурации к false, например:

tinymce.init({ elementpath: false });

Ответ 3

tinymce.init({
    statusbar : false,

Ответ 4

К сожалению, эта функция устарела в TinyMCE 4. Но вы всегда можете заблокировать это визуально через CSS. Он должен выглядеть примерно так:

.mce-path {
 display: none;
}

Ответ 5

Подход CSS работает, но обычно применяется глобально для каждого редактора на странице. Старый вариант TinyMCE 3 может применяться индивидуально для разных редакторов.

Я хотел сохранить эту гибкость и нашел следующее решение:

a) Определите правило CSS, например .myMceNoPath .mce-path{display:none;}

b) Для экземпляра редактора, который должен предоставить дескриптор изменения без отображения пути, определите следующие параметры:

resize: "both", 
init_instance_callback : function (ed) {
    ed.getContainer().className += " myMceNoPath";
}

Это динамически добавляет класс к элементу редактора, позволяя нам применять CSS только к специально выделенным таким образом редакторам.

Ответ 6

Одним из быстрых решений в TinyMCE 4 является прозрачность прозрачности элемента пути:

tinymce.init({
    ...
    init_instance_callback: function (editor) {
        $(editor.getContainer()).find(".mce-path").css("opacity", "0");
    }
});

Это должно скрыть текст пути, не влияя на строку состояния. Я обнаружил, что отключение видимости строки состояния с помощью функции init() или свойства отображения CSS также приводит к тому, что число плавающих слов и значок изменения размера перекрываются с полосой прокрутки.

Кредит Immo и других для указания обратных вызовов и концепций CSS. Мне нравится это конкретное (jQuery) решение, потому что оно самодостаточно и применяется только к его родительскому редактору, хотя возможны варианты.

Ответ 7

tinyMCE.init({
    menubar:false,
    statusbar: false,
        //etc
})

От: Удалить меню и строки состояния в TinyMCE 4

Ответ 8

Настройка theme_advanced_statusbar_location для пустой строки работала для меня.

tinyMCE.init({

    theme_advanced_statusbar_location : "",
})

Ответ 9

Шахта основана на концепции непрозрачности от Дастина Карра выше: Для TinyMCE 4 я нашел skin.min.css, искал mce-path-item и сразу после display:inline-block, я добавил opacity:0. Так что, наконец, это что-то вроде display:inline-block;opacity:0; *display...

Это просто быстрый трюк, как говорит Карр: элемент все еще существует, когда я нажимаю на него, он просто стандартный пользователь не видит его.

Надеюсь, это поможет кому-то...

EDIT: то же самое для mce-divider;)

Ответ 10

Спасибо @Dustin Carr за его ответ. Я немного расширил свой ответ, что я сделал, он отлично работает для меня, и когда пользователь наводил курсор на область пути, он вообще не отображает курсор (с непрозрачностью 0 он отображает курсор по пути и путь остается доступным для клика).

tinymce.init({

...
init_instance_callback: function (editor) {
$(editor.getContainer()).find(".mce-path").css("visibility", "hidden");
},

});

НТН