2010-07-29 4 views
3

나는 Remy Sharp's jQuery plugin을 사용하여 텍스트 상자에 힌트를 표시합니다.TinyMCE 힌트 텍스트

TinyMCE과 같은 작업을하고 싶습니다. "Type some text here."과 같은 힌트를 표시하고, 사용자가 TinyMCE 편집기로 포커스를 옮기면 해당 텍스트가 없어집니다. 편집기가 비어있는 경우 (텍스트가 입력되지 않은 경우), 블러시 텍스트가 다시 표시되어야합니다.

이 작업을 수행 할 수있는 jQuery 플러그인이 있습니까? 아니면이 기능을 사용할 수있는 TinyMCE의 API가 있습니까?

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

I 피난처 '

+0

향후 검색자를 위해 : 이러한 힌트 텍스트의 또 다른 이름은 "워터 마크" – Szocske

답변

4

TinyMCE에는 jQuery를 사용하면 같은 일을 할 수 있어야한다, 그래서

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

그 텍스트를 표시해야한다, 텍스트 영역에 이미 모든 콘텐츠를 통과해야한다 테스트하지 않았지만 getContent & setContent는 tinyMCE API에서 필요로하는 것입니다. .focus()가 올바르게 작동하는지 확실하지 않습니다. TinyMCE는 textarea를 iframe으로 대체하므로 더 이상 실제로 텍스트 영역에 입력하지 않습니다 ...

+0

입니다. 'getContent' 및'setContent'. 나는'focus()'가 작동하지 않을 것이라고 생각한다. 대신 TinyMCE의 변경 이벤트에 연결해야한다. 아마도 API의 무언가가있을 것이다 ... –

+0

사실, 이제는 내가 생각하기에'focus()'가 작동해야한다. 내가 확인 할게. –

관련 문제