使用wp_EDITOR和tinymce进行内联编辑(文本区域的问题)

时间：2014-08-22 作者：Gixty

我想使用tinymce的新内联编辑和wordpress中的wp\\u编辑器功能。

以下是有关如何设置tinymce内联编辑的一些信息http://www.tinymce.com/tryit/inline.php

我用来调用wp\\u editor的代码如下：

$editor_settings = array(\'dfw\' => true,\'quicktags\' => false);
wp_editor( $postcontent, \'postcontent\', $editor_settings );
和在函数中。php我有以下功能来启用内联编辑：

function mce_inline( $init ) {

    $init[\'inline\'] = true;

    return $init;
}
add_filter(\'tiny_mce_before_init\', \'mce_inline\');
这里的问题是wp\\u editor正在调用编辑器并设置textarea。为了使tinymce内联编辑正常工作，我们需要删除textarea并将其替换为editable div元素为tinymce。com是这么说的。

<div class="editable" style="width:100%; height:550px">
This is an editable div element element.
</div>
因此，我的问题是，如何配置wp\\u编辑器，使其用div元素替换textarea？

1 个回复
SO网友:Hooman Askari

我仍在经历这种情况，但以下是我如何摆脱不需要的文本区域：

if ( !is_admin() ) { //you might decide to change this conditional statement.

    //I found the filter in /wp-includes/class-wp-editor.php @249
    add_filter(\'the_editor\', \'my_remove_editor_te\');
    function my_remove_editor_te(){
        $editor = \'\';
        return $editor;

        // or simply return;
    }

}
以下是我如何启动编辑器的：

wp_editor( \'\', \'\', array(
    \'textarea_rows\' => \'\',
    \'quicktags\'     => false,
    \'media_buttons\' => false,
    \'tinymce\'       => array(
        \'selector\'         => \'#comment-editable\',
        \'content_css\'      => false,
        \'inline\'           => true,
    ),
) );
您还需要一个ID为#comment editable的div，或者只需将选择器选项设置为容器div的ID或类。

我不太确定删除文本区域的过滤器，因为它是一个通用过滤器，它将删除wp\\u编辑器的文本区域，只要它不是管理面板，您可能会遇到问题，如果这样，请更改初始化过滤器的条件。

如果你有其他想法，请分享。

结束
标签： tinymce   wp-editor   小码农  

相关推荐

为什么tinyMCE.编辑不能在tinyMCE上工作

<?php /* Plugin Name: Taggr Plugin URI: http://example.com/wordpress-plugins/my-plugin Description: Premium plugin for image and photo tagging Version: 1.0 Author: Tee Kai Yang Author URI: http://wrox.com License: GPLv2