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

Question

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

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

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

Answer 1

Поскольку от вас нет кода, мы не можем выяснить, где ваша проблема. Может быть, пойти путь вокруг, инициализации 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> 

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

Answer 2

При изменении размера площади в TinyMCE, в магически появляется текст.

Javascript решение Микко~d Huilaja в:

<script type="text/javascript"> 

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

function forceTinyMceIframeResize() { 
    $('.mceEditor .mceIframeContainer iframe').each(function(i) { 
    $(this).height($(this).height()+1); 
    }); 
} 
</script> 

Answer 3

Используйте общий класс (например TinyMCE-редактор) для всех текстовой области, для которого нужно добавить 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 
    }); 
});