内置漂亮的编辑器，可使用Javascript动态生成文本区域

Question

我有一个表单，其中有多个文本区域，并且我希望这些区域可以使用Nice编辑器进行编辑。 对于表单中的硬编码文本区域，可以使用此代码。

<script src="http://js.nicedit.com/nicEdit-latest.js" type="text/javascript"></script>
<script type="text/javascript">bkLib.onDomLoaded(nicEditors.allTextAreas);</script>

但是，如果我生成动态文本区域，那么好的编辑器将无法正常工作，我正在使用此代码生成动态文本区域。

function add() {

//Create an input type dynamically.
var element = document.createElement("input");

//Create Labels
var label = document.createElement("Label");
label.innerHTML = "New Label";     

//Assign different attributes to the element.
element.setAttribute("type", "textarea");
element.setAttribute("value", "");
element.setAttribute("name", "Test Name");
element.setAttribute("style", "width:200px");

label.setAttribute("style", "font-weight:normal");

// 'foobar' is the div id, where new fields are to be added
var foo = document.getElementById("fooBar");

//Append the element in page (in span).
foo.appendChild(label);
foo.appendChild(element);
}

还有html

<button id="button" value="Add" onClick:"javascript:add();">