Блог

Главная - Вопросы по программированию - TinyMCE v4.1 несколько текстовых полей с разными настройками

TinyMCE v4.1 несколько текстовых полей с разными настройками

#javascript #asp.net #tinymce #tinymce-4

#javascript #asp.net #tinymce #tinymce-4

Вопрос:

Я много искал, не найдя рабочего ответа.

У меня есть три текстовых поля в моем ASP.NET страница:

 <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>

Мне нужно сделать первую панель инструментов текстовой области на английском, вторую на итальянском и третью на французском.

Как это возможно?

Большое спасибо!

Ответ №1:

Попробуйте выполнить следующее:-

  1. Загрузите один или несколько языков отсюда
  2. Распакуйте файлы в папку tinymce / langs
  3. В вашей tinymce.init({...}) конфигурации установите параметр language на любой язык, который вы хотите, например:
  4. language : 'sv_SE',
  5. И все готово, загрузите TinyMCE и проверьте новый язык

Теперь вы можете добавить все три ваших языка для разных текстовых областей.

Вы видели это:

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

Комментарии:

1. Спасибо за ваш ответ, да, я скачал все нужные мне языки. Вот часть кода JS: // для английского tinymce.init({ selector: «textarea», editor_selector: «mceEN», … }); // для итальянского tinymce.init({ selector: «textarea», editor_selector: «mceIT», language: «it», …}); // для французского tinymce.init({ селектор: «textarea», editor_selector: «mceEN», язык: «fr_FR», … }); Проблема в том, что ВСЯ панель инструментов на французском языке (последняя инициализация).

2. ДА.. Потому что вы добавили одно и то же текстовое поле селектора. Попробуйте передать селектор: ‘.mceEN’, а также для других классов

Ответ №2:

Вы можете настроить несколько экземпляров TinyMCE на странице, используя разные значения для selector свойства

С помощью этого 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",
                ...
});

Спасибо вам всем!

Метки: