js textarea/jwysiwyg replacement

Question

동적으로 생성 된 텍스트 영역이 있고 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>"; 

에 기능을 추가했습니다. 텍스트 영역을 대체하려면 어떻게해야합니까?

Answer 1

DOM 조작에 도움이되는 jQuery를 사용하는 것이 좋습니다. 나는 다음과 같은 전략을 사용하여 내 페이지에 동적으로 jWysiwyg을 만들 수 있었다 : 당신이 필요한 곳 ​​

1)는 DOM에 텍스트 영역을 추가합니다. 텍스트 영역의 내용을 아직 설정하지 마십시오!

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

2) 당신의 WYSIWYG를 만들고 다음과 같이 그것으로로드 원하는 텍스트 추가

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