jQuery를 사용하여 WordPress '전체 화면 편집기 (산만 무료 작성) 수정

Question

jQuery를 사용하여 게시물 편집 페이지 (distraction free writing라고도 함)에서 액세스 할 수있는 WordPress의 전체 화면 편집기의 내용을 수정하려고합니다.

예를 들어 jQuery(".wp-fullscreen-title").hide();을 사용하여 전체 화면 편집기에 표시되는 제목 입력 요소를 숨기려는 것으로 내용을 직접 편집하려고했지만 작동하지 않았습니다. jQuery(".wp-fullscreen-editor").ready(function() { ... });으로 스크립트를 실행해도 작동하지 않습니다.

jQuery를 사용하여 전체 화면 편집기의 내용을 편집하는 방법에 대한 아이디어가 더 있으십니까?

Answer 1

jQuery를 잘못 실행하고 있습니다.

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

이 그냥되는 :

는 DOM이 아직로드되지 않았기 때문에이 작동하지 않습니다 (브라우저를 의미하는 것은 아직 제목의 필드를 포함 HTML에 지정된 요소의 각을 생성하지 않은) 일반 잘못된 :

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(); 
});