wysihtml5文本區域調整

Question

我使用wysihtml5編輯器，簡單的編輯器例如

http://xing.github.io/wysihtml5/examples/simple.html 

一切工作正常，但我想使文本區域的寬度和高度調整大小。

如果我切換到HTML視圖，它的效果很好。我想讓文本區域在正常文本中調整大小。

Answer 1

一旦編輯器加載更改編輯器的css它自己;

jQuery(document).ready(function() { 
    $('.wysihtml5-sandbox').css("resize", "both"); 
} 

Answer 2

剛剛發現這個簡單的解決方案與wysihtml5-0.3.0.js

<style> 
textarea { ... min-height:500px; } 
</style> 

<textarea><?php echo $doc2edit; ?></textarea> 

<script> 
window.onload = function() { 
    resizeEditor(); // resize iframe containing HTML tags 
} 
function getElementsByClass(node,searchClass,tag) { 
    var classElements = new Array(); 
    var els = node.getElementsByTagName(tag); 
    var elsLen = els.length; 
    var pattern = new RegExp("\\b"+searchClass+"\\b"); 
    for (i = 0, j = 0; i < elsLen; i++) { 
    if (pattern.test(els[i].className)) { 
     classElements[j] = els[i]; 
     j++; 
    } } return classElements; 
} 
function resizeEditor(){ 
    // resize elem with class 'wysihtml5-sandbox' 
    var el = getElementsByClass(document,'wysihtml5-sandbox','*'); 
    for (i = 0; i < el.length; i++) { 
    el[i].style.height = (editor.composer.commands.doc.body.clientHeight+20)+"px"; 
    } 
} 
</script> 

和wysihtml5-0.3.0.js工作：

BOX_FORMATTING = [ 
...., "min-height"