Как включить несколько TinyMCE в одной форме

Я хочу использовать 2 разных текстовых поля с tinyMCE в одной и той же форме. Первый работает хорошо, но всякий раз, когда я добавляю второй, второй отключается (он включается, когда я увеличиваю его вручную из нижнего правого угла). Их имя поля и идентификатор отличаются.введите здесь описание изображения

Может ли кто-нибудь сказать мне, как я могу решить эту проблему?

Заранее спасибо.


tinymce
person Anjuman    schedule 20.03.2012    source источник
comment
пожалуйста, опубликуйте свои полные конфиги tinymce   -  person Thariama    schedule 20.03.2012

Ответы (3)


arrow_upward
2
arrow_downward

Поскольку от вас нет кода, мы не можем понять, в чем ваша проблема. Возможно, чтобы обойти это, инициализируйте TinyMce для обоих текстовых полей над классом:

<script type="text/javascript" src="<your installation path>/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
tinyMCE.init({
        mode : "textareas",
        theme : "simple",
        editor_selector : "mceSimple"
});

tinyMCE.init({
        mode : "textareas",
        theme : "advanced",
        editor_selector : "mceAdvanced"
});
</script>

<form method="post" action="somepage">
        <textarea name="content1" class="mceSimple" style="width:100%">
        </textarea>
        <textarea name="content2" class="mceAdvanced" style="width:100%">
        </textarea>
</form>

Привет, Стефан

person SG 86    schedule 21.03.2012
comment
Спасибо за Ваш ответ. Я должен использовать редактор той же темы (простой). - person Anjuman; 27.03.2012

arrow_upward
1
arrow_downward

Если вы измените размер области tinymce, текст волшебным образом появится.

JavaScript-решение от Mikko Huilaja:

<script type="text/javascript">

$(window).load(function() { 
  forceTinyMceIframeResize(); 
});

function forceTinyMceIframeResize() { 
  $('.mceEditor .mceIframeContainer iframe').each(function(i) { 
    $(this).height($(this).height()+1); 
  }); 
}
</script>
person Protheus    schedule 28.03.2012
comment
Я знаю, что щелчок в правом нижнем углу редактора или изменение размера дает решение, но пользователь сайта может этого не понять. В любом случае, спасибо за ваш ответ. - person Anjuman; 26.06.2012

arrow_upward
0
arrow_downward

Используйте общий класс (например, tinymce-editor) для всей текстовой области, для которой вам нужно добавить TinyMCE.

Затем в разделе заголовка HTML добавьте следующий код для инициализации TinyMCE.

$(function(){
   tinyMCE.init({
    selector: '.tinymce-editor',
    statusbar: false,
    min_height: 120,
    menubar: false,
    toolbar: 'styleselect | bold italic underline | undo redo | image | link',
    plugins: 'image, link',
    forced_root_block: false,
    default_link_target: "_blank",
    link_assume_external_targets: true 
   });
});
person Amal Kumar S    schedule 17.04.2017