使用WPAlchemy显示多个TinyMCE编辑器时出现问题

Question

我有一个自定义的帖子类型和一个WPAlchemy管理元框类，包括多个带有TinyMCE编辑器的文本区域(用于向自定义帖子模板添加内容)。我已经让编辑器显示和运行良好，但是在每个文本区的左下角有一个笨拙的div，带有"path“和一个冒号":”

​

如果有人知道如何删除我猜测的编辑器元信息(字数等)，那就太好了。但它在保存时似乎不能正常工作。

下面是我在检查元素时得到的结果：

<div id="temp_options_desc-3_path_row" role="group" aria-labelledby="temp_options_desc-3_path_voice" tabindex="-1">
  <span id="temp_options_desc-3_path_voice">Path</span>
  <span>: </span><span id="temp_options_desc-3_path"></span>
</div>

还有用于显示所见即所得编辑器的文本区域和TinyMCE javascript函数：

functions.php：

add_action('admin_print_footer_scripts','admin_print_footer_scripts',99);
function admin_print_footer_scripts()
{
    ?><script type="text/javascript">/* <![CDATA[ */
        jQuery(function($)
        {
            var i=1;
            $('.temp_options_desc').each(function(e)
            {
                var id = $(this).attr('id');

                if (!id)
                {
                    id = 'temp_options_desc-' + i++;
                    $(this).attr('id',id);
                }

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

            });
        });
    /* ]]> */</script><?php
}

WPAlchemy metabox类文本区域：

<textarea cols="20" rows="20" class="temp_options_desc" name="<?php $mb->the_name(); ?>"><?php $mb->the_value(); ?></textarea>

谢谢!

Answer 1

我通过WP炼金术发布了一个解决方案，用于在metaboxes中使用多种tinyMCE文本编辑器

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

我的代码可以在github上找到：https://github.com/helgatheviking/WP-Alchemy-Holy-Grail-Theme

但是，您用绿色圈出的问题最终是一个CSS问题。你的新编辑器缺少一点风格。我现在记不起来了，但我确定我已经在我的示例主题中修复了它。

Answer 2

您可以使用tinymce setup配置参数，并在编辑器init上删除该div

tinyMCE.init({
   ...
   setup : function(ed) {
      ed.onInit.add(function(ed, evt) {
          $('#'+ed.id+'_path_row').hide();
      });
   }
});