TinyMCE 提示文本答案

【问题标题】：TinyMCE hint textTinyMCE 提示文本
【发布时间】：2010-07-29 00:36:23
【问题描述】：

我正在使用Remy Sharp's jQuery plugin 在文本框中显示提示。

我想对 TinyMCE 做同样的事情 - 显示一个提示，如 "Type some text here."，当用户聚焦 TinyMCE 编辑器时，该文本应该消失。如果编辑器是空的（没有输入文本），那么在模糊时文本应该再次可见。

是否有能够做到这一点的 jQuery 插件？或者 TinyMCE 中是否有我可以用于此功能的 API？

【问题讨论】：

为了将来的搜索者：此类提示文本的另一个名称是“水印”

标签： javascript jquery tinymce

【解决方案1】：

TinyMCE 应该通过 textarea 中已经存在的任何内容，所以

<textarea name="content" id="content">Type some text here</textarea>

应该显示该文本，然后使用 jQuery 你应该能够执行以下操作：

TinyMCE.focus(function(){
 if ($(this).getContent() == "Type some text here"){
  tinyMCE.setContent("");
 } else if ($(this).getContent() == ""){
  tinyMCE.setContent("Type some text here");
 }
})

我还没有测试过，但是 getContent 和 setContent 是您需要从 tinyMCE api 获得的...不确定 .focus() 是否可以正常工作。 TinyMCE 将 textarea 替换为 iframe，因此您实际上不再需要在 textarea 中输入内容了...

【讨论】：

感谢您指出getContent 和setContent。我认为focus() 不起作用，相反我应该挂钩 TinyMCE 的更改事件，API 中可能有一些东西......
其实，现在我想起来了，focus() 应该可以了。让我检查一下。