동적으로 생성된 Wordpress Wysiwyg Editor(wp_editor)가 제대로 표시되지 않음

동적으로 생성된 Wordpress Wysiwyg Editor(wp_editor)가 제대로 표시되지 않음

워드프레스 관리 페이지에 html wywyg 편집기 2개가 있습니다.둘 다 WP_EDITOR() 기능을 사용합니다.첫 번째 것은 페이지에 하드 코딩됩니다.

<form name="form1" id="form1" method="post" action="" style="display:block;">
  <p>
    <!-- editor here -->
    <?php
       wp_editor( 'CONTENT WILL APPEAR HERE!', 'addsometxt', array('textarea_name'=>'create_txt','textarea_rows'=>10,'wpautop'=>false));
    ?>
  </p>
  <p>
   <input name="save" type="submit" class="button-primary" id="save" style="margin:5px;" value="Save Input" /></p>
</form>

두 번째는 AJAX 호출(wp_ajax_ 및 $.post)을 사용하여 PHP 함수로 동적으로 생성됩니다.아약스 호출을 테스트해봤는데 작동하는 것으로 알고 있습니다. 간단히 설명하자면, php 기능은 다음과 같습니다.

<?php
function display_editor2() {
// grab data from database (data_from_db) and display in editor
  wp_editor( $row->data_from_db, 'editsometxt', array('textarea_name'=>'edit_txt','textarea_rows'=>10,'wpautop'=>false));

} 
?>

문제는 두 번째 에디터가 표시되고 있는데도 툴바 버튼이 모두 빠져 있다는 것입니다.자세한 설명은 아래 그림을 참조하십시오.누구를 고쳐야 할지 아는 사람?

저도 같은 문제가 있었습니다.

코드를 추가할 때<?php wp_footer(); ?>내 발밑에php, 작동합니다.

저는 똑같은 문제를 가지고 있었고 이런 식으로 해결했습니다(WP 4.7).

먼저 템플릿에 숨겨진 편집기를 만들어 WP가 TinyMCE에 필요한 모든 파일을 로드합니다(ID는 중요하지 않습니다).

<div style="display:none"><?php wp_editor('', 'hidden_editor'); ?></div>

그런 다음 새 편집기를 DOM에 추가한 후 다음 기능을 사용합니다.

quicktags({id :'your_new_editor_id'});
tinymce.execCommand('mceAddEditor', true, 'your_new_editor_id');

사용.tinymce.init새로운 편집자 ID가 인식되지 않아서 저는 안 되었습니다.이 두 줄은 퀵 태그를 다시 복원하고 새 편집기를 추가합니다.

문서화

wp_editor( string $content, string $editor_id, array $settings = array() )

문제는 당신이 같은 것을 사용하고 있다는 것입니다.$editor_id두 편집자 모두에게,editsometxt, 그것을 잠깐 바꿔 보다

AJAX 호출에 media_buttons와 tinymce 매개 변수를 추가해야 할 수도 있습니다.

이와 같은 것:

<?php
function display_editor2() {
    // grab data from database (data_from_db) and display in editor
    wp_editor( $row->data_from_db, 'editsometxt', array('textarea_name'=>'edit_txt','media_buttons'=>true,'tinymce'=>true,'textarea_rows'=>10,'wpautop'=>false));

    } 
?>

워드프레스 코덱스에서 wp_editor() Function Reference 페이지를 확인하는 것을 추천합니다.

저도 똑같은 문제가 있었어요!

저는 제가 설치한 플러그인을 모두 비활성화하고 페이지를 새로 고친 다음 시각 영역의 게시물/페이지도 편집하려고 했습니다.그것이 당신에게 효과가 있으면 확인해 보세요.:)

저도 똑같은 문제를 겪었습니다.

<?php wp_editor(get_the_content()); ?>

아이디(wp_editor에 두번째 파라미터)를 전달하여 버튼을 받았습니다.다음과 같은 경우:

<?php wp_editor(get_the_content(), "with_a_ID_its_buttons_are_showing"); ?>

언급URL : https://stackoverflow.com/questions/17981812/dynamically-generated-wordpress-wysiwyg-editor-wp-editor-not-displaying-prop