【问题标题】:TinyMCE not grabbing content from textarea before hiding that textareaTinyMCE 在隐藏 textarea 之前没有从 textarea 抓取内容
【发布时间】:2012-02-01 18:03:30
【问题描述】:

我在一个页面上运行了一个 TinyMCE 实例,使我能够编辑现有帖子。我查询数据库,并用存储的文本填充变量$content。然后我有以下 HTML:

<label for="content">Content:</label>
<textarea name="content" class="post-content" rows="<?php echo $settings_rows; ?>" ><?php echo $content; ?></textarea>

TinyMCE 显示为编辑器,没问题,但没有显示存储在$content 中的文本。没有多余的 &lt;p&gt; 标记,并且正在填充 $content 变量(为了确定,我在 textarea 之外回显了它,Firebug 显示隐藏的 textarea 也正在填充)。

编辑器初始化如下:

    tinyMCE.init({
            mode : "textareas",
            theme : "advanced",
            plugins : "advimage",
            theme_advanced_buttons1 : "bold,italic,underline,strikethrough,sub,sup,|,justifyleft,justifycenter,justifyright,justifyfull,|,formatselect,fontselect,fontsizeselect",
            theme_advanced_buttons2 : "cut,copy,paste,pastetext,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,|,image,hr,removeformat,visualaid,charmap,code",
            theme_advanced_buttons3 : "",
            theme_advanced_toolbar_location : "top",
            theme_advanced_toolbar_align : "left",
            theme_advanced_resizing : true,
            editor_selector : "post-content"
    });

谁能告诉我为什么这不起作用?我已经在其他页面上使用了它,使用这个精确的系统,没有任何问题。

编辑

作为 P.S.相关CSS如下:

.post-content {
padding: 3px 10px;
width: 90%;
}

【问题讨论】:

  • 不将此作为答案发布,因为它不能解决问题发生的原因,但是在调试时我删除了 textarea 的类字段,这意味着它不再是 TinyMCE 的目标.这使它成为一个常规的文本区域,有内容,就好了。然后我将类字段粘贴回去,重新加载,然后加载 TinyMCE 编辑器——这次内容完好无损。该页面之前已加载多次,无论是否使用 TinyMCE,所以我仍然不知道是什么导致了问题以及相同的问题是否会/可以返回。

标签: tinymce


【解决方案1】:

试试下面的。为您的文本区域提供 id “editor1”,使用 mode: "exact", 而不是 mode: "textareas", 并按以下方式初始化您的编辑器(暂时将 tinymce init 保留在原处,但在以下行之前)

$(document).ready(function() {
    tinyMCE.execCommand('mceAddControl', false, 'editor1');
}

【讨论】:

    【解决方案2】:

    如果有人使用 HTML5 并且遇到 TinyMCE 的行为类似或如标题中所述:尝试禁用自动完成。

    <textarea autocomplete="off">Hello, World!</textarea>
    

    如果您更改/清除页面上的 textarea 内容,您的浏览器将在您每次重新加载页面时复制这些更改(启用自动完成)。 这可以使它看起来好像 TinyMCE 没有处理 textarea 内容。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2021-12-25
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-04-02
      • 1970-01-01
      相关资源
      最近更新 更多