我有一个想法,可以帮助我更好地工作,并为自己创建更快工作的工具。我打算制作文档,将我的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>
我只是想知道如何为我添加的每一行生成一个新的文本编辑器?
我认为您需要独立初始化每个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