tinyMCE 편집기 옆에 문자열을 추가하여 비어있는 경우 tinyMCE 편집기의 유효성을 검사하려면 어떻게합니까?

Question

양식의 유효성을 검사해야합니다. 이 양식에는 일부 드롭 다운과 tinyMCE 편집기가 있습니다. 각 필드 뒤에 공백 인 경우 "Required"문자열을 추가하여이 양식의 유효성을 검사합니다. 그러나 편집기가 비어 있으면 tinyMCE 편집기의 유효성을 검사 할 수 없습니다.

tinyMCE.get('tinyedotor').getContent(); 

행운은 없습니다.

여기 내 fiddle

Answer 1

getContent()는 잘 작동합니다. 귀하의 바이올린에는 편집기 값에 대한 폼 유효성 검사 코드가 포함되어 있지 않습니다. 여기서는 매우 중요합니다. 이 시도 :

var editorContent = tinyMCE.get('tinyeditor').getContent(); 
if (editorContent == '') 
{ 
    // Editor empty 
} 
else 
{ 
    // Editor contains a value 
} 

Forked fiddle

은 또한 당신이 당신의 select 드롭 다운에 대해 여러 id의 선언했습니다 유의하십시오.

편집 : 당신은 getContainer() 방법 편집기 컨테이너의 id 얻을 수 있습니다 : tinyMCE.get('tinyeditor').getContainer(). 에디터 후 오류 메시지를 삽입하면 다음과 같은 것이 될 것이다 :

$('<span class="error">Editor empty</span>').insertAfter($(tinyMCE.get('tinyeditor').getContainer())); 

당신은 아마 오류 메시지가 할 것이다, 그래서이, 그러나, 사용자가 제출 버튼을 클릭 새로운 span 때마다 생성됩니다 컨테이너에 고유 한 id이 있는지 확인하고 컨테이너를 삽입하기 전에 컨테이너가 이미 있는지 확인하십시오.

편집 2 : Updated fiddle.

Answer 2

getContent()하는 길을 가야하는 것입니다. tinyMCE.activeEditor 개체를 사용하고 getContent()을 호출하거나 사용자가 수행하는 것처럼 ID로 편집기 인스턴스를 가져올 수 있습니다.

ID에 오타가있는 것으로 보입니다. 아마도이 문제가 원인 일 수 있습니다.

tinyMCE.get('tinyedotor').getContent(); 

아마해야합니다 :

tinyMCE.get('tinyeditor').getContent(); 

Answer 3

원하는 것을 쉽게 할 수 있습니다. 그녀는 내 솔루션으로 link to a fiddle입니다. 적절한 방법입니다)

var content = tinymce.get('tinymceEditor').getContent({format: 'text'}); 
if($.trim(content) == '') 
{ 
    // editor is empty ... 
} 

Answer 4

이이 콘텐츠를 구문 분석 HTML없이 비어 있는지 확인하기 위해 할 수있는 ('.bgcolor') 검증이 발생하면 빨간색 테두리가있는 'tinyeditor'주위 사업부에 불과하다 :

var content = tinyMCE.get('tinyeditor').getContent(), patt; 

      //Here goes the RegEx 
      patt = /^<p>(&nbsp;\s)+(&nbsp;)+<\/p>$/g; 

      if (content == '' || patt.test(content)) { 
       $('.bgcolor').css("border", "1px solid Red") 
       return false; 
      } 
      else { 
       $('.bgcolor').removeAttr("style") 
       return true; 
      } 

주 -
다음은 정규식을 가진 완벽한 솔루션입니다.

Answer 5

의 getContent를 (사용하지만 사용자가 공간을 입력하면 어떻게 !! ?? :