Редактирование полноэкранного редактора WordPress с помощью jQuery

Question

Я пытаюсь изменить содержимое полноэкранного редактора WordPress, доступного на странице редактирования после публикации (также называется distraction free writing) с помощью jQuery.

Я попытался отредактировать содержимое непосредственно, например, используя jQuery(".wp-fullscreen-title").hide();, который должен скрыть элемент ввода заголовка, который отображается в полноэкранном редакторе, но он не работает. Выполнение скрипта с jQuery(".wp-fullscreen-editor").ready(function() { ... }); также не работает.

У вас есть идеи по редактированию содержимого полноэкранного редактора с помощью jQuery?

Answer 1

Вы неправильно используете jQuery.

Это не будет работать, потому что DOM еще не загружен (то есть браузер еще не создал каждого из элементов, указанных в HTML, включая ваше название поля):

jQuery(".wp-fullscreen-title").hide(); 

Это просто просто неправильно:

jQuery(".wp-fullscreen-editor").ready(function() { ... }); 

И это то, что вам нужно:

// this is the standard way to wait until the DOM is ready, then run the code inside. 
jQuery(document).ready(function() { 
    // now that the DOM has loaded you can hide the field. 
    jQuery(".wp-fullscreen-title").hide(); 
});