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

我有一个想法可以帮助我更好地工作，并为自己创建工具以更快地工作。我打算制作文档以将我的QA工作保存到数据库和我的服务器。到目前为止，在我的本地工作的所有工作，但与我坐在一起的问题是，我想使用的TinyMCE编辑器无法正常工作。将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>

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

来源

2015-11-17 Matthew Stuart

我想你需要独立初始化每个textarea s。例如：

<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元素。见：

来源

2015-11-17 16:03:55

嗨，先生！选择器正常工作。在数据表中我试图做的是什么（这个表是动态的，我按照需要添加和删除行），我想为每一行添加一个新的textarea。我想我需要为每一行添加一个新的'id'并保存。我到处寻找它，但我似乎无法跟踪一个。我在想什么，我不应该只是添加或使用迷你降价。并离开编辑器。我将是唯一使用这种形式的人，最后迷你降价会显示输入的数据是否相同？ –

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

回答

相关问题