jquery - 如何使用 Jquery 加载 wp_editor？

Question

我想在我的自定义插件中使用 jquery 动态添加 WordPress 编辑器，如下所示：

 <?php

  $content = '';

  $editor_id = 'mycustomeditor';      

?>

 $('#container').append('<?php wp_editor( $content, $editor_id );?>');

我收到错误：

SyntaxError: missing ) 在参数列表之后

...-active"><link rel='stylesheet' id='editor-buttons-css'  href='http://localhost 

我也尝试了下面的代码（这里我将单引号替换为双引号）：

  <?php

     $content = '';

     $editor_id = 'mycustomeditor';      

  ?>

  $('#container').append("<?php wp_editor( $content, $editor_id );?>");

我收到错误：

 SyntaxError: missing ) after argument list   


$('#container').append("<div id="wp-mycustomeditor-wrap" class="wp-core-ui wp-ed...

如果您有任何解决方案，请告诉我。

提前致谢

Answer 1

我知道迟到的答案。但它会帮助别人。试试这个 jQuery 插件。

https://github.com/anteprimorac/js-wp-editor

你可以像下面这样简单地使用

    jQuery(document).ready(function (){

        jQuery('#container').wp_editor();

    });

Answer 2

   add_action('init','my_wpEditOUPUTT');function my_wpEditOUPUTT(){
if (isset($_POST['Give_me_editorrr'])){
    wp_editor( '' , 'txtrID_'.$_POST['myNumber'], $settings = array( 'editor_class'=>'my_class',     'textarea_name'=>'named_'. $_POST['myNumber'],  'tinymce'=>true , 'media_buttons' => true , 'teeny' => false,));
    exit;   
}}

<div id="MyPlace"></div> <a href="javascript:myLoad();">Click to load</a>

<script type="text/javascript">
  startNumber = 1;
  function myLoad(){ alert('wait 1 sec');
  startNumber ++;
  $.post('./index.php', '&Give_me_editorrr=1&myNumber='+startNumber ,
    function(data,status){ 
        if (status == "success") {  
            document.getElementById('MyPlace').innerHTML += data; alert("Inserted!");   
            tinymce.init({ selector: 'txtrID_'+startNumber, theme:'modern',  skin:'lightgray'}); tinyMCE.execCommand('mceAddEditor', false, 'txtrID_'+startNumber);
        }
});}

Answer 3

我认为问题是你在这里使用单引号：

'<?php wp_editor( $content, $editor_id );?>'

和这里：

   $content = '';
   $editor_id = 'mycustomeditor';

尝试使用双引号，看看是否有帮助。

Answer 4

您需要注释内部字符 (") 并通过 the_ 更改 wp_ 以获取字符串。

在 php 中：

$editorCode = the_editor( $content, $editor_id );

在脚本替换：

$('#container').append("<?php echo str_replace('"', '\"', $editorCode); ?>");