2012-06-11 2 views
4

WYSIHTML5 편집기에서 프로그래밍 방식으로 콘텐츠를 검색하려면 어떻게해야합니까? 가정 에디터는이 같은 인스턴스화 :프로그래밍 방식으로 WYSIHTML5 편집기에서 콘텐츠 검색

var editor = new wysihtml5.Editor 
(
    $(this.el).find('textarea').get(0), 
    { 
     toolbar:  "toolbar", 
     parserRules: wysihtml5ParserRules 
    } 
); 

내가 blur 이벤트에 에디터의 내용을 좀하고 싶습니다

editor.on 
(
    "blur", 
    function() 
    { 
     //what here? 
    } 
); 

여기
+0

콘솔을 통해 검사하여 해당 편집기의 문서를 보거나 렌더링 된 * 출력에서 ​​검색 할 수 있습니다. – Sarfraz

답변

10

그것은 API editor.getValue()

를 사용하는 것이 훨씬 낫다 살펴 봐야 현재 값을 얻기 위해 그 편집기에서 몇 가지 기본 방법이 있어야한다, 그런 말로 미루어 보아,

(@ 위의 설명에서 @dalen이 언급 됨)

2

하는 방법 (여기에 jQuery를 사용하여)되어 주셔서 감사합니다 :

$('iframe').contents().find('.wysihtml5-editor').html(); 

대신 텍스트를 찾으려면을 사용하십시오.대신 html()입니다.

는 참고 :

  • 나는 편집기에 입력 된 텍스트를 jQueryify bookmarklet
  • 를 사용하여 그것의 this demo page을 jQuerified
  • 콘솔 위의 코드를 입력 및 출력 응용 프로그램에서 텍스트

를 입력 한 , 당신은 jQueryify 북마크릿을 필요로하지 않을 것이다. 나는 데모 페이지에 jQuery를 삽입하여 값을 얻는 데 사용할 수있다. 편집자의 e.


는 일반적으로 당신이 문서 :

+0

나는 실제로 문서에서 그 방법을 찾았지만 찾지 못했습니다. 고마워요! – Dalen

+0

@Dalen : 천만에요. 편집기 ('new wysihtml5.Editor') 인스턴스를 생성 한 직후에 콘솔'console.log (editor)'에서 시도하십시오. 그것은 그것의 모든 일원을 목록으로 만들 것이다. – Sarfraz

+3

당신이 콘솔에 에디터를 프린트 할 것을 제안했을 때, 찾고 있던 것을하는'getValue'라는 메소드가 있다는 것을 알게되었습니다. 다시 한 번 감사드립니다. – Dalen