wysiwyg.js编辑器仅对第一个<textarea>

时间:2016-06-22 20:09:08

标签: javascript jquery html wysiwyg

&lt; p&gt;我试图添加&lt; a href =&#34; http://wysiwygjs.github.io/"的rel =&#34; nofollow的&#34;&GT; HTTP://wysiwygjs.github.io/< / A&GT;编辑器到我的CMS。&lt; / p&gt; &lt; p&gt;看起来该演示通过以下方式启用了编辑器:&lt; / p&gt; &LT;预&GT;&LT;代码&GT; &lt; script type =&#34; text / javascript&#34;&gt; $(document).ready(function(){     //精选编辑     $(&#39;#editor1,#editor2,#editor3&#39;)。each(function(index,element)     { &LT; /代码&GT;&LT; /预&GT; &lt; p&gt;所以我删除了#editor2和#editor3,只保留了我需要的editor1。&lt; / p&gt; &lt; p&gt;然后在我的脚本中启用它:&lt; / p&gt; &lt; pre&gt;&lt; code&gt;&lt; textarea name =&#34; tresc [%id]&#34; ID =&#34; editor1&#34;&GT; &LT; /代码&GT;&LT; /预&GT; &lt; p&gt;并且它仅适用于第一个textarea,其余部分没有工具栏。&lt; / p&gt;

1 个答案:

答案 0 :(得分:0)

如果您检查引用的页面,您将看到工具栏包含在textarea字段上方的单独div <div class="wysiwyg-toolbar wysiwyg-toolbar-top">...</div>中。确保正确安装了wysiwyg js文件,并且您应该能够实现此目的。

另请注意,如果您尝试为多个textarea实现,请不要重复使用相同的ID,使用类或增加id。