如何从 DOM 中选择 tinyMCE WYSIWYG？答案

【问题标题】：How to select a tinyMCE WYSIWYG from the DOM?如何从 DOM 中选择 tinyMCE WYSIWYG？
【发布时间】：2013-04-29 16:19:49
【问题描述】：

我已将 TinyMCE 升级到今天的最新版本。我只是想编辑 qith JQuery as documented here 的内容。

我的问题是，无论我尝试在我的 jQuery 函数中选择什么 id，它都会返回 undefined。假设我有：

<tr>
  <td align="right" valign="top" class="HDivider">About</td>
  <td class="HDivider"><textarea name="about" cols="70" rows="10" id="about"><?php echo $about; ?></textarea></td>
</tr>

什么时候做：

console.log(tinyMCE);

我的控制台中有一个对象：

Object {majorVersion: "4", minorVersion: "0b2", releaseDate: "2013-04-24", editors: Array[2], i18n: Object…}

什么时候做

console.log(tinyMCE.get('#about'));

我没有定义..

为什么？如何选择我的 tinyMCE 编辑器？

我尝试使用 Chrome 或 Firebug 检查元素，查看 TinyMCE 元素（自动附加的元素），并检查它们的 id ...并使用它们，但没有机会。

请指教

谢谢

【问题讨论】：

你试过没有标签#???
人...你明白了:)
好吧，我回答了，你可以把它标记为已回答，这样其他人就不会再试图回答这个问题了；）

标签： php jquery tinymce wysiwyg text-editor

【解决方案1】：

当您查看您提供的 pastebin 中的这一行时，您会发现它没有使用 JQuery 选择器（# 代表 id 或 . 代表类）

var content = tinyMCE.get('content').getContent();

所以你必须把你的代码改成这样：

console.log( tinyMCE.get('about') );

【讨论】：