Javascript 将TinyMCE添加到我的动态表单表

我有一个想法，帮助我更好地工作，并为自己创造工具，让自己更快地工作。 我打算制作文档，将我的QA工作保存到db和服务器。 到目前为止，所有这些都可以在我的本地应用程序上使用，但我所面临的问题是，我想要使用的TinyMCE编辑器不起作用

我在表单中添加了一个动态表，它可以帮助我在表单中添加和删除行。在其中一个专栏中，我添加了TinyMCE编辑器来描述我的qa测试过程。我已添加标记“”，但当我要添加另一行时，编辑器已停止工作。我想知道我可以做些什么来创建一个新行，但仍然能够让编辑器在每个列/行中工作

<fieldset class="row2">
                <legend>Process</legend>
                <p> 
                    <input type="button" value="Add Row" onClick="addRow('dataTable')" /> 
                    <input type="button" value="Remove Row" onClick="deleteRow('dataTable')"  /> 
                    <p>(All acions apply only to entries with check marked check boxes only.)</p>
                </p>
               <table id="dataTable" class="form" border="1">
                  <tbody>
                    <tr>
                      <p>
                        <td><input type="checkbox" required="required" name="chk[]" checked="checked" /></td>
                        <td>
                            <label>Name</label>
                            <input type="text" required="required" name="BX_STEP[]">
                         </td>
                         <td>
                            <label for="BX_process">Age</label>
                            <textarea type="text" required="required" class="small"  name="BX_process[]"></textarea>
                         </td>

                         <td>
                            <label for="BX_pass-fail">Gender</label>
                            <select id="BX_pass-fail" name="BX_pass-fail" required="required">
                                <option>....</option>
                                <option>Pass</option>
                                <option>Fail</option>
                            </select>
                         </td>
                        <td>
                            <label for="BX_comment">Berth Pre</label>
                            <input id="BX_comment" name="BX_comment" required="required">
                         </td>
                        </p>
                    </tr>
                    </tbody>
                </table>
                <div class="clear"></div>
            </fieldset>


<script src="//tinymce.cachefly.net/4.2/tinymce.min.js"></script>
    <script>tinymce.init({selector:'textarea'});</script>

过程

（所有ACION仅适用于带有复选框的条目。）



名称
年龄
性别
....
通过
失败
泊位预售

init（{选择器：'textarea'}）；

---

我只想知道如何为我添加的每一行生成一个新的文本编辑器？

我认为您需要独立地初始化每个

文本区域。例如：

<script>
    tinymce.init({selector:'#ta1'});
    tinymce.init({selector:'#ta2'});
</script>
<h1>My First Text Area</h1>
<textarea id="ta1">Hello! Look at me, I'm an editable textarea!</textarea>
<h1>My Other Text Area</h1>
<textarea id="ta2">Whoa! Now there are two of us!</textarea>


tinymce.init（{选择器：'#ta1'}）；
init（{选择器：'#ta2'}）；
我的第一个文本区
你好看着我，我是一个可编辑的文本区！
我的另一个文本区
哇！现在我们有两个人了！

请参阅我的JSFIDLE：

您可能还需要阅读选择器。同样的选择器语法用于CSS和从JavaScript代码中识别DOM元素。请参阅：
我认为您需要单独初始化每个
文本区域。例如：

<script>
    tinymce.init({selector:'#ta1'});
    tinymce.init({selector:'#ta2'});
</script>
<h1>My First Text Area</h1>
<textarea id="ta1">Hello! Look at me, I'm an editable textarea!</textarea>
<h1>My Other Text Area</h1>
<textarea id="ta2">Whoa! Now there are two of us!</textarea>


tinymce.init（{选择器：'#ta1'}）；
init（{选择器：'#ta2'}）；
我的第一个文本区
你好看着我，我是一个可编辑的文本区！
我的另一个文本区
哇！现在我们有两个人了！

请参阅我的JSFIDLE：

您可能还需要阅读选择器。同样的选择器语法用于CSS和从JavaScript代码中识别DOM元素。请参阅：
您好，先生！选择器工作正常。我尝试的是在数据表中（这个表是动态的。我可以随意添加和删除行），我想为每一行添加一个新的textarea。我想我需要为添加的每一行生成一个新的“id”，并以这种方式保存它。我到处找，但似乎找不到。我在想，我不应该只是添加或使用一个小降价。离编辑远点。我将是唯一一个使用此表单的人，最后，迷你降价将显示输入相同的数据？嗨，先生！选择器工作正常。我尝试的是在数据表中（这个表是动态的。我可以随意添加和删除行），我想为每一行添加一个新的textarea。我想我需要为添加的每一行生成一个新的“id”，并以这种方式保存它。我到处找，但似乎找不到。我在想，我不应该只是添加或使用一个小降价。离编辑远点。我将是唯一一个使用此表单的人，并且最终，迷你降价将显示输入相同的数据？