在容器显示中渲染tinymce 4:无

时间:2017-03-08 08:37:11

标签: javascript tinymce tinymce-4

我想在一个包含在蒙面div中的textarea上渲染tinymce4,但是我有这个错误:

FontFamily is undefined

我的渲染脚本是:

new tinymce.Editor('textarea_id', custom_settings, tinymce.EditorManager).render();

当您点击“渲染”按钮时,您可以在此小提琴中看到错误: http://fiddle.tinymce.com/uLfaab

使用tinymce 3我没有问题。

有没有办法解决这个问题?

由于

1 个答案:

答案 0 :(得分:1)

如果包含TinyMCE的<textarea>位于不可见的<div>内,则TinyMCE也将不可见。

如果您查看页面的来源(使用浏览器工具),您会看到TinyMCE确实“正在运行”但不可见。

如果您希望<textarea>最初不可见,然后在单击按钮时变为可见,您可以通过按钮后面的函数中的JavaScript来实现。

我已更新您的TMCE小提琴:http://fiddle.tinymce.com/uLfaab/1

有两处变化......

1 - 在您的包含<div>上放置一个ID,以便您可以通过JavaScript轻松定位:

<form method="post" action="dump.php">
  <div id="tmceDiv" style="display:none;">
    <textarea id="tmce" name="content" class="mceEditorTxtModif"></textarea>
  </div>
</form> 

2 - 使用JavaScript使包含<div>可见:

function test() {
  new tinymce.Editor("tmce", tmce_settings_bureau, tinymce.EditorManager).render();
  // This next line makes the DIV visible!
  document.getElementById('tmceDiv').style.display = 'block';
}