Cara mengaktifkan beberapa TinyMCE dalam bentuk yang sama

Saya ingin menggunakan 2 textarea berbeda dengan tinyMCE dalam bentuk yang sama. Yang pertama berfungsi dengan baik tetapi setiap kali saya menambahkan yang ke-2, yang ke-2 dinonaktifkan (diaktifkan ketika saya memperbesarnya secara manual dari sudut kanan bawah). Nama bidang dan idnya berbeda.masukkan deskripsi gambar di sini

Adakah yang bisa memberi tahu saya bagaimana cara memperbaiki masalah ini?

Terima kasih sebelumnya.


tinymce
person Anjuman    schedule 20.03.2012    source sumber
comment
silakan posting konfigurasi tinymce lengkap Anda   -  person Thariama    schedule 20.03.2012

Jawaban (3)


arrow_upward
2
arrow_downward

Karena tidak ada kode dari Anda, kami tidak dapat mengetahui di mana masalah Anda. Mungkin sebagai alternatif, init TinyMce untuk kedua Textarea di kelas:

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

Salam, Stefan

person SG 86    schedule 21.03.2012
comment
Terima kasih atas jawaban anda. Saya harus menggunakan editor dengan tema yang sama (sederhana). - person Anjuman; 27.03.2012

arrow_upward
1
arrow_downward

Jika Anda mengubah ukuran area tinymce, teks akan muncul secara ajaib.

Solusi 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
Saya tahu, mengklik sudut kanan bawah editor atau mengubah ukuran memberikan solusi tetapi pengguna situs mungkin tidak memahaminya. Bagaimanapun, terima kasih atas jawaban Anda. - person Anjuman; 26.06.2012

arrow_upward
0
arrow_downward

Gunakan kelas umum (misalnya tinymce-editor) untuk semua area teks yang perlu Anda tambahkan TinyMCE.

Kemudian di bagian kepala HTML tambahkan kode berikut untuk menginisialisasi 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