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"