仅将 Javascript 代码添加到最后一个文本区域

Add Javascript code only to the last textarea

本文关键字：最后一个 文本 区域 添加 Javascript 代码 仅将      更新时间：2023-09-26

我正在添加一个WYSIWYG文本编辑器。在这种情况下，我只希望最后一个文本区域显示WYSIWYG文本编辑器，并且前 3 个文本编辑器应该相同。如何编辑selector，使其仅影响下面给出的第 4 个文本编辑器。

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

如果您不想修改标记，请尝试以下操作：

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

也可以使用 jQuery： 

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

。或 

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

使用以下代码：

<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>
你需要

给其中一个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>
相关文章：