TinyMCE v4.1 具有不同设置的多个文本框答案

【问题标题】：TinyMCE v4.1 multiple textboxes with different settingsTinyMCE v4.1 具有不同设置的多个文本框
【发布时间】：2014-06-24 14:11:58
【问题描述】：

我搜索了很多，但没有找到有效的答案。

我的 ASP.NET 页面中有三个 texarea：

<asp:TextBox ID="TextBox_Content_EN" class="mceEN" CssClass="mceEN" runat="server" TextMode = "MultiLine" Width="100%" Height="270"></asp:TextBox>

<asp:TextBox ID="TextBox_Content_IT" class="mceIT" CssClass="mceIT" runat="server" TextMode = "MultiLine" Width="100%" Height="270"></asp:TextBox>

<asp:TextBox ID="TextBox_Content_FR" class="mceFR" CssClass="mceFR" runat="server" TextMode = "MultiLine" Width="100%" Height="270"></asp:TextBox>

我需要将第一个 textarea 的工具栏用英语制作，第二个用意大利语制作，第三个用法语制作。

这怎么可能？

非常感谢！

【问题讨论】：

标签： javascript asp.net tinymce tinymce-4

【解决方案1】：

尝试执行以下操作：-

下载一种或多种语言from here
将文件解压到您的 tinymce/langs 文件夹中
在您的 tinymce.init({...}) 配置中，将语言选项设置为您想要的任何语言，例如：
language : 'sv_SE',
大功告成，加载 TinyMCE 并检查新语言

现在您可以为不同的文本区域添加所有三种语言。

你看到了吗：

http://www.tinymce.com/wiki.php/Configuration:language

【讨论】：

谢谢你的回答，是的，我下载了我需要的所有语言。这是部分 JS 代码： // for english tinymce.init({ selector: "textarea", editor_selector: "mceEN", ... }); // 意大利语 tinymce.init({ selector: "textarea", editor_selector: "mceIT", language: "it", ... }); // for french tinymce.init({ selector: "textarea", editor_selector: "mceEN", language: "fr_FR", ... });问题是所有工具栏都是法语（最后一次初始化）。
是的。因为您添加了相同的选择器文本区域。尝试传递选择器：'.mceEN' 以及其他类

【解决方案2】：

您可以通过为 selector 属性使用不同的值在一个页面上设置多个 TinyMCE 实例

有了这个html

<asp:TextBox ID="TextBox_Content_EN" class="mceEN" CssClass="mceEN" runat="server" TextMode = "MultiLine" Width="100%" Height="270"></asp:TextBox>

<asp:TextBox ID="TextBox_Content_IT" class="mceIT" CssClass="mceIT" runat="server" TextMode = "MultiLine" Width="100%" Height="270"></asp:TextBox>

<asp:TextBox ID="TextBox_Content_FR" class="mceFR" CssClass="mceFR" runat="server" TextMode = "MultiLine" Width="100%" Height="270"></asp:TextBox>

你可以有下面的javascript

tinymce.init({
    selector   : '#TextBox_Content_EN'
});

tinymce.init({
    selector   : '#TextBox_Content_IT'
});

tinymce.init({
    selector   : '#TextBox_Content_FR'
});

【讨论】：

【解决方案3】：

这对我不起作用，但我找到了“解决方案”。

问题仅在于 TinyMCE v4.x。

使用版本 3.x（在我的情况下为 3.5.11）一切正常...

我不知道这是错误还是其他行为......

最终的 javascript 代码是：

tinyMCE.init({
                // General options
                mode: "textareas",
                editor_selector: "mceFR",
                theme: "advanced",
                language: "fr",
                ...
});
tinyMCE.init({
                // General options
                mode: "textareas",
                editor_selector: "mceEN",
                theme: "advanced",
                language: "en",
                ...
});
tinyMCE.init({
                // General options
                mode: "textareas",
                editor_selector: "mceIT",
                theme: "advanced",
                language: "it",
                ...
});

谢谢大家！

【讨论】：