Kalaylı kullanarak textarea genişliğini nasıl ayarlanır?

Question

Tinymce textarea'nın genişliğini ayarlamak için birkaç yöntem denedim.

Benim 1 girişimi: 2 girişimde

height: '200px', 
width: '220px' // inside tinyMCE.init({ 

:

<textarea name="editorial" cols="40" rows="20" id="editorial" style="width: 40em; height: 20em"><?=$row['editorial']?></textarea> 

Ama yine de benim şartının genişliğini elde edebilir değilim.

Herhangi bir fikir lütfen?

Answer 1

Ben sorun TinyMCE init işlevinde araç çubukları ile olabilir düşünüyorum: benim init ayarına göre benim genişliğini ayarlamak ne yaparsak

iframe tarzı özelliğini değiştirmektir.

Bu örneği deneyin ve sizin için uygun olup olmadığını bana bildirin. HTML'nize

:

<textarea name="editorial" class="test" cols="40" rows="20" id="editorial" > editorial</textarea> 

sonra JavaScript'inizin bu tinyMCE.init kullanın:

tinyMCE.init({ 
     // General options 
     mode: "textareas", 
     theme: "advanced", 
     width: "300", 
     height: "200", 

     // Theme options 
     theme_advanced_buttons1: "bold,italic,underline,|,justifyleft,justifycenter,justifyright,justifyfull", 
     theme_advanced_buttons2: "", 
     theme_advanced_buttons3: "", 
     theme_advanced_buttons4: "", 
     theme_advanced_toolbar_location: "top", 
     theme_advanced_toolbar_align: "left", 
     theme_advanced_resizing: false, 

    // Selector 
     editor_selector: "test", 

}); 

sizin için bu çalışır mı? Bu şekilde kullanabilirsiniz

Answer 2

Eğlenceli olan şey, genişliğin ve yüksekliğin, iframe'in stil özelliğinde ayarlanmasıdır.

// ed is the editor instance 
var frameid = frameid ? frameid : ed.id+'_ifr'; 

// get iframe 
var current_iframe = document.getElementById(frameid); 

if (current_iframe && !window.opera){ 

    styles = current_iframe.getAttribute('style').split(';'); //width and heigth 
    for (var i=0; i<styles.length; i++) { 
    // case width setting is found - remove it 
    if (styles[i].search('width:') == 1){ 
     styles.splice(i,1); 
     break; 
    } 
    current_iframe.setAttribute('style', styles.join(';')); // write styles back to the iframe 
    current_iframe.width = ed.getParam('width'); // set the width i already set in the configuration 
} 

Answer 3

..

tinymce.init({ 
selector: "textarea", 
plugins: [ 
      "advlist autolink autosave link image lists charmap print preview hr anchor pagebreak spellchecker", 
      "searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking", 
      "table contextmenu directionality emoticons template textcolor paste fullpage textcolor" 
    ], 

    toolbar1: "bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | styleselect formatselect fontselect fontsizeselect", 
    toolbar2: "cut copy paste | bullist numlist | outdent indent blockquote | undo redo | anchor | forecolor backcolor", 


    menubar: false, 
    toolbar_items_size: 'small', 

    height: "100", 
    width:500, 

}); 

sadece eklemek sonra genişliğini ayarlamak istiyorsanız genişliği: 300

Not: genişliği gibi tek veya çift qoutes kullanmayın: '300' veya width: "300"