如何從前端正確使用wp_editor（）

我想爲我的wordpress主題的自定義頁面模板創建一個簡單的表單，但問題是我無法獲取tinymce編輯器的工具欄。我搜索並找到了一些資源，但沒有與我一起工作。這裏是我的代碼如何從前端正確使用wp_editor（）

  <?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

工具欄丟失。所以問題是我該如何解決這個問題？

在此先感謝。

來源

2017-05-08 M. K Hossain

您是否嘗試使用依賴關係加載腳本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/

來源

2017-05-08 08:16:24

是的，我試過，但沒有發生，你可以請幫我與TinyMCE的功能JS代碼 –

嘗試添加textarea的一類，然後在你的腳本中使用'tinyMCE.init（）;'來在該特定課程上啓動它。 –

是的，適合我 –

如何從前端正確使用wp_editor（）

回答

相關問題