javascript - TinyMCE 文本区域问题

Question

我有一个自动生成的文本区域（由 Erlang Web 框架），如下所示：

<span class="form_input">
  <textarea id="question_text" class="tinymce" name="question_text"> </textarea>
</span>

我正在尝试将 TinyMCE 编辑器应用于它，但会发生以下情况：

所以，我的 textarea 没有被替换，而是“嵌入”在 RTE 中。我正在初始化 TinyMCE，如下所示：

<script type="text/javascript">
  tinyMCE.init({
    mode : "specific_textareas",
    editor_selector : "tinymce"
  });
</script>

有什么提示吗？

score 2 · Accepted Answer

试试下面的，因为我记得我做了类似的事情，你必须指定 textarea 的 id。

<script type="text/javascript">
   tinyMCE.init({
    mode : "exact",
    elements : "question_text"
  });
</script>

score 0 · Accepted Answer

我试图从名称属性中放置一个不同的#id，它可以工作

<textarea id="question_text" class="tinymce" name="question_text"> </textarea>

至

<textarea id="question_text_textarea" class="tinymce" name="question_text"> </textarea>

然后后来...

tinymce.init({selector:'textarea'});

score 0 · Accepted Answer

从屏幕截图看来，以下一项或多项可能是一个问题。

1) doctype 和呈现您的 html/css 规则 2) 您的 css 规则可能冲突 3) 您的 html 结构损坏，DOM 4) tiny mc javascript 可能存在 dom 结构问题，这反过来又可能由 doctype、html 结构引起

这个问题页面是特定的吗？或者它发生在每一页上？

你的表单元素是由js插入和创建的吗？

3 回答 3