Question

我有一个想法，可以帮助我更好地工作，并为自己创造工具，让他们更快地工作。我打算制作文档以将我的QA工作保存到数据库和我的服务器。到目前为止，我所在地的所有工作都有效，但我遇到的问题是我想使用的TinyMCE编辑器无效。

我在表单中添加了一个动态表，可帮助我在表单中添加和删除行。在其中一个列中，我添加了TinyMCE编辑器来描述我在qa测试中所做的过程。我添加了标签“”，但是当我想添加另一行时，编辑器已停止工作。我想知道如何创建一个新行，但仍然可以让编辑器在eack列/行中工作

<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>

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

Answer 1

我认为您需要独立初始化每个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>

请参阅我的jsfiddle：https://jsfiddle.net/wr8rh6b8/

您可能还想阅读选择器。相同的选择器语法用于CSS以及用于从JavaScript代码中识别DOM元素。请参阅：https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started/Selectors

将TinyMCE添加到我的动态表格表

1 个答案: