个性化阅读
专注于IT技术分析

如何从前端正确使用wp_editor()

我正在尝试为我的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中添加来删除串联脚本

define(‘CONCATENATE_SCRIPTS’, false);

但是结果总是和请看图片一样

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

提前致谢。


#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功能(将代码放置在此文件中)。

wp_enqueue_script()

赞(0) 打赏
未经允许不得转载:srcmini » 如何从前端正确使用wp_editor()
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏