在同一页面上使用多种语言的 Tinymce 多个实例答案

【问题标题】：Tinymce multiple instances in multiple languages on the same page在同一页面上使用多种语言的 Tinymce 多个实例
【发布时间】：2020-07-07 10:40:01
【问题描述】：

我正在尝试找到解决方案，即如何创建 tinymce 编辑器的多个实例（每个实例都使用不同的语言），但 tinymce 不支持它，因为它会以上次创建的实例的语言更改所有实例的语言。

<script type="text/javascript">
tinymce.init({
    selector: "#editor1",
    language: 'en',
});

tinymce.init({
    selector: "#editor2",
    language: 'ar',
});

</script>

<form method="post" action="test.php">
    <textarea id="editor1"></textarea>
    <textarea id="editor2"></textarea>
</form>

注释掉第二个tinymce.int()，你会看到第一个英文编辑器。

这是在线link，您可以在其中看到问题。 http://fiddle.tinymce.com/5bhaab/1

【问题讨论】：

标签： php jquery tinymce wysiwyg text-editor

【解决方案1】：

TinyMCE 目前不支持在单个网页上以多种语言呈现其 UI。如果这是您希望添加的功能，您可以在 TinyMCE 问题跟踪器上创建功能请求：

https://github.com/tinymce/tinymce/issues

【讨论】：

【解决方案2】：

解决您的问题的替代解决方案是在您的页面上使用多个Inline Frames (iframe)。

<iframe id="inlineFrameEn"
   width="300"
   height="200"
   src="/editor-en">
</iframe>

<iframe id="inlineFrameAr"
   width="300"
   height="200"
   src="/editor-ar">
</iframe>

然后，您可以在每个 iframe 后面嵌入和设置 TinyMCE 编辑器以满足您的需要。

使用 CSS 隐藏边框并使 TinyMCE 编辑器看起来好像嵌入在当前页面中。

【讨论】：