js textarea/jwysiwyg替換

Question

我有一個動態創建的textarea，並想用jwysiwyg替換它。 我嘗試添加該功能在PHP模板

<script type="text/javascript">$(function(){$('#wysiwyg').wysiwyg();}); </script> 

和js文件

njuid= ""+ actual.id +"_field"; 
act.innerHTML = "<textarea name=\"textarea\" id=\""+ act.id +"_field\"  onblur=\"noLight (this); return fieldBlur(this,'" + actual.id + "');\">" +  actual.innerHTML + "</textarea> 
<script>$(function(){$('#+njuid').wysiwyg();});</script>"; 

沒有成功。我怎樣才能替換textarea？

Answer 1

我會推薦使用jQuery來幫助你進行DOM操作。我已經能夠使用以下策略在我的頁面中動態創建jWysiwyg：

1）將textarea附加到需要的任何地方。不要設置textarea的內容！

$('#myobject').append('<textarea id="textarea_'+id+'"></textarea>'); 

2）創建所見即所得，並添加任何你想要的文字加載到它，如下所示：

$('#textarea_'+id).wysiwyg().wysiwyg("clear").wysiwyg("insertHtml", "<div>whatever html</div>");