如何从前端正确使用wp_editor（）

Question

我想为我的wordpress主题的自定义页面模板创建一个简单的表单，但问题是我无法获取tinymce编辑器的工具栏。我搜索并找到了一些资源，但没有与我一起工作。这里是我的代码

  <?php 
     $content = 'Start typing to create.'; 
     $editor_id = 'ic_colmeta_editor'; 
     $settings = array(
      'wpautop' => true, 
      'media_buttons' => true, 
      'textarea_name' => $editor_id, 
      'textarea_rows' =>get_option('default_post_edit_rows', 10), 
      'tabindex' => '', 
      'editor_css' => '', 
      'editor_class' => '', 
      'teeny' => true, 
      'dfw' => true, 
      'tinymce' => true, 
      'quicktags' => true 
      ); 
     wp_editor($content, $editor_id, $settings); ?> 

和function.php

wp_enqueue_script('tinymce_js', includes_url('js/tinymce/') . 'wp-tinymce.php', array('jquery'), false, true); 

我也通过WP-config.php中添加试图通过消除连击脚本

定义（ 'CONCATENATE_SCRIPTS'，FALSE） ;

但结果总是一样please view the image

工具栏丢失。所以问题是我该如何解决这个问题？

在此先感谢。

Answer 1

您是否尝试使用依赖关系加载脚本tiny_mce？像

add_action('wp_enqueue_scripts', 'my_scripts'); 

function my_scripts() { 
    wp_enqueue_script('my-script', get_stylesheet_directory_uri() . '/js/custom_script.js', array('jquery', 'tiny_mce')); 
} 

东西然后在custom_script.js你应该能够使用TinyMCE的功能（你将在此文件中的代码）。

https://developer.wordpress.org/reference/functions/wp_enqueue_script/