TinyMCE textarea 中的文本在点击时隐藏在 HTML 模式中，在可视模式下正常答案

【问题标题】：Text in TinyMCE textarea hidden in HTML Mode on click, ok in Visual modeTinyMCE textarea 中的文本在点击时隐藏在 HTML 模式中，在可视模式下正常
【发布时间】：2012-11-06 04:37:28
【问题描述】：

自定义 wordpress 表单，使用 wp_editor，我在 textarea 上创建了一个 Tinymce 实例。

编辑器默认为 HTML，但如果我点击编辑区域，内容就会消失。

但是，如果我切换到可视模式，一切都按预期工作，然后切换回 HTML 模式也一切正常，也许点击被 TinyMCE 拦截了？

请给点线索....

谢谢马丁

PS 初始化是：

$settings = array(
        'wpautop' => true,
        'media_buttons' => false,
        'tinymce' => array(
                'theme_advanced_buttons1' => 'bold,italic,underline,blockquote,|,undo,redo,|,fullscreen',
                'theme_advanced_buttons2' => '',
                'theme_advanced_buttons3' => '',
                'theme_advanced_buttons4' => '',
                'theme_advanced_resizing' =>  true,
                'width' => '600px'
        )
);

【问题讨论】：

标签： wordpress tinymce

【解决方案1】：

当使用隐藏的文本区域（或其他 html 元素）初始化 tinymce 编辑器时，可能会出现此类问题（除了其他问题）。避免这种情况的最佳方法是在您启动编辑器之前使其可见。

【讨论】：

【解决方案2】：

我采取了不同的方法并在它们之间切换时重新初始化tinyMCE。将其附加到偶数处理程序：

var postContent = "Take Content from some hidden field, AJAX call, etc.";
if ( tinyMCE
    && tinyMCE.activeEditor
    && tinyMCE.activeEditor.id )
{
    tinyMCE.activeEditor.setContent( postContent, {} );
    tinymce.execCommand( 'mceRemoveControl', true, tinyMCE.activeEditor.id );
}

【讨论】：