2010-07-29 145 views
3

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

我想要这样做TinyMCE - 显示提示,如"Type some text here.",并且当用户关注TinyMCE编辑器时,该文本应该消失。如果编辑器为空(不输入文本),则在模糊时文本应该再次可见。

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

+0

为了未来的搜索者:这种提示文本的另一个名字是“水印” – Szocske 2012-06-25 13:27:34

回答

4

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"); 
} 
}) 

我的天堂” t测试它,但getContent & setContent是您需要从tinyMCE api ...不知道如果.focus()将正常工作。 TinyMCE用iframe替换textarea,所以你实际上并没有在textarea中输入...

+0

感谢您指出'getContent'和'setContent'。我认为'focus()'不会工作,而是我应该挂钩到TinyMCE的更改事件中,这可能是API中的一些内容... – 2010-08-02 01:30:01

+0

其实,现在我想到了,focus()应该可以工作。我来检查一下。 – 2010-08-02 01:31:11