Удалить путь в строке состояния в 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");
},
});
НТН