25

我正在为我的自定义帖子类型创建一个元框。有多个字段我想使用所见即所得编辑器而不是<textarea>. 是否可以将多个编辑器添加到元框？

我将衷心感谢您的帮助！

非常感谢。大沙

4

8 回答 8

40

这是完整的代码示例：

add_action( 'add_meta_boxes',  function() { 
    add_meta_box('html_myid_61_section', 'TITLEEEEE', 'my_output_function');
});

function my_output_function( $post ) {
    $text= get_post_meta($post, 'SMTH_METANAME' , true );
    wp_editor( htmlspecialchars($text), 'mettaabox_ID', $settings = array('textarea_name'=>'MyInputNAME') );
}

add_action( 'save_post', function($post_id) {
    if (!empty($_POST['MyInputNAME'])) {
        $datta=sanitize_text_field($_POST['MyInputNAME']);
        update_post_meta($post_id, 'SMTH_METANAME', $datta );
    }
});

PS必须-根据我的经验推荐：

忘记添加自定义代码，使用高级自定义字段，它非常棒，可以简化您的生活。

于 2013-11-28T23:57:28.730 回答
29

http://codex.wordpress.org/Function_Reference/wp_editor是迄今为止我发现的最简单的方法，自 3.3 以来内置于 Wordpress（所以升级 ;-)）

于 2012-03-10T14:14:38.247 回答
3

但是您需要用 nl2br() 函数替换演示文稿，因为自定义模板中的 textarea 存在工具 JS 问题，这会删除所有您的<P>和<br/>标签，因此会删除所有换行符。

于 2012-03-19T20:11:07.110 回答
3 
// for custom post type

function wo_second_editor($post) {

  echo "<h3>Write here your text for the blue box on the right:</h3>";
  $content = get_post_meta($post->ID, 'wo_blue_box' , true ) ;
  wp_editor( htmlspecialchars_decode($content), 'wo_blue_box', array("media_buttons" => false) );
}

add_action('edit_form_advanced', 'wo_second_editor');


function wo_save_postdata($post_id, $post, $update) {

  //...

  if (!empty($_POST['wo_blue_box'])) {
    $data=htmlspecialchars($_POST['wo_blue_box']);
    update_post_meta($post_id, 'wo_blue_box', $data );
  }
}

add_action('save_post', 'wo_save_postdata');


// Theme:

<div class="blue">
  <?php
  $content = get_post_meta(get_the_ID(), 'wo_blue_box' , true );
    $content = htmlspecialchars_decode($content);
    $content = wpautop( $content );
    echo $content;
  ?>
</div>
于 2015-07-29T14:45:24.077 回答
1

您可以使用 metabox 中的 wordpress 默认文本编辑器

add_action( 'edit_page_form', 'my_second_editor' );
function my_second_editor() {
    // get and set $content somehow...
    wp_editor( $content, 'mysecondeditor' );
}
于 2013-04-03T09:02:33.780 回答
0

尝试自定义字段模板插件http://wordpress.org/extend/plugins/custom-field-template/

于 2010-08-16T17:28:43.847 回答
0

这对我有用：

http://www.farinspace.com/multiple-wordpress-wysiwyg-visual-editors/

它基本上是用一个 id 创建你的 textarea，然后从 js 调用：

tinyMCE.execCommand('mceAddControl', false, 'your_textarea_id');

希望能帮助到你！

于 2013-06-22T00:30:43.373 回答
-1

首先安装 TinyMCE Advanced 插件。其次像这样将“theEditor”类添加到您的文本区域

<textarea  class="theEditor" name="custom_meta_box"></textarea>

而已 ;）

纳比尔

于 2011-08-15T11:45:21.253 回答