Question

我在没有找到合适答案的情况下进行了很多搜索。

我的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工具栏，第二个用意大利语制作，第三个用法语制作。

怎么可能？

非常感谢！

Answer 1

尝试执行以下操作： -

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

现在，您可以为不同的textareas添加所有三种语言。

你看到了吗：

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

Answer 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'
});

Answer 3

这对我不起作用但我找到了一个＆＃34;解决方案＆＃34;。

问题仅在于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",
                ...
});

谢谢大家！

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

3 个答案: