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

Question

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

С TinyMCE3 мы можем сделать это с:

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

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

Благодаря

Answer 1

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

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

EDIT:

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

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

Answer 2

tinymce.init({ 
    statusbar : false, 

Answer 3

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

.mce-path { 
display: none; 
} 

Answer 4

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

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

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

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

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

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

Answer 5

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

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

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

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

Answer 6

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

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

Надеется, что это помогает кто-то ...

EDIT: То же самое для MCE-разделителя;)

Answer 7

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

От: Remove menu and status bars in TinyMCE 4

Answer 8

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

tinymce.init({ 

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

}); 

НТН

Answer 9

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

tinymce.init({ elementpath: false }); 

Answer 10

Установка theme_advanced_statusbar_location пустая строка работала для меня ,

tinyMCE.init({ 

    theme_advanced_statusbar_location : "", 
})