仅将 Javascript 代码添加到最后一个文本区域 [重复]答案

【问题标题】：Add Javascript code only to the last textarea [duplicate]仅将 Javascript 代码添加到最后一个文本区域 [重复]
【发布时间】：2015-03-06 23:12:01
【问题描述】：

我正在添加一个WYSIWYG 文本编辑器。在此，我只希望最后一个 textarea 显示 WYSIWYG 文本编辑器，前 3 个文本编辑器应该相同。我如何编辑selector，这样它只会影响下面给出的第四个文本编辑器。

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


<textarea>Easy! You should check out MoxieManager!</textarea>
<textarea>Easy! You should check out MoxieManager!</textarea>
<textarea>Easy! You should check out MoxieManager!</textarea>
<textarea>Easy! You should check out MoxieManager!</textarea>

【问题讨论】：

标签： javascript jquery html

【解决方案1】：

如果你不想修改标记，试试这个：

<script>tinymce.init({selector:'textarea:last-child'});</script>

也可以使用 jQuery：

<script>tinymce.init({selector:'$("textarea").last()'});</script>

... 或

<script>tinymce.init({selector:'$("textarea").eq(3)'});</script>

【讨论】：

【解决方案2】：

使用此代码：

<script src="http://tinymce.cachefly.net/4.1/tinymce.min.js"></script>
<script>tinymce.init({elements :'txtwysiwyg'});</script>


<textarea>Easy! You should check out MoxieManager!</textarea>
<textarea>Easy! You should check out MoxieManager!</textarea>
<textarea>Easy! You should check out MoxieManager!</textarea>
<textarea id="txtwysiwyg">Easy! You should check out MoxieManager!</textarea>

【讨论】：

【解决方案3】：

您需要为textarea 之一提供一个ID，以便您可以在tinyMCE 初始化中引用它。我建议花一些时间阅读文档，他们有很多很好的例子

http://www.tinymce.com/wiki.php

<script src="http://tinymce.cachefly.net/4.1/tinymce.min.js"></script>
<script>tinymce.init({selector:'#tinyMCE'});</script>


<textarea>Easy! You should check out MoxieManager!</textarea>
<textarea>Easy! You should check out MoxieManager!</textarea>
<textarea>Easy! You should check out MoxieManager!</textarea>
<textarea id="tinyMCE">Easy! You should check out MoxieManager!</textarea>

【讨论】：