tinyMCE пустая проверка проверки

Question

На одной из моих веб-страниц PHP у меня есть редактор tinyMCE. Теперь, прежде чем нажать кнопку «Сохранить», я проверяю, является ли редактор tinyMCE пустым или не использует javascript, как показано ниже:

HTML:

<input type="submit" id="auBtn" name="auBtn" style="display: block;" value='<?php echo $subBtnCap; ?>' onclick="return validate();"/> 

Javascript:

function validate(){ 
    if ((tinymce.EditorManager.get('bDesc').getContent()) != ''){ 
     alert('Blog Description can not be empty.'); 
     return false; 
    } 
} 

выше Javascript код предупреждает меня, когда редактор empty.However, он по-прежнему показывает предупреждающее сообщение, когда редактор не t empty. Можете ли вы рассказать мне, что может быть неправильно с моим кодом. Спасибо заранее.

Answer 1

У вас неправильное состояние. Вместо != попробовать ==

(tinymce.EditorManager.get('bDesc').getContent()) == '') 

Всего рабочий пример:

<script src="http://cdn.tinymce.com/4/tinymce.min.js"></script> 
<script>tinymce.init({ 
     selector: 'textarea', 
     plugins: 'wordcount', 
    }); 

    function validate() { 
     if ((tinymce.EditorManager.get('bDesc').getContent()) == '') { 
      alert('Blog Description can not be empty.'); 
      return false; 
     } 
    } 
</script> 

<form method="POST" action=""> 
    <textarea name="bDesc"></textarea> 
    <input type="submit" id="auBtn" name="auBtn" style="display: block;" value='validate' onclick="return validate();"/> 
</form> 

Answer 2

TinyMCE возвращает пустой <p></p> тег, когда нет ничего в TinyMCE. вы можете сделать одну вещь, просто добавьте опцию конфигурации forced_root_block:"" при инициализации tinymce. Например,

tinyMCE.init({ 
      height: 250, 
      selector: 'textarea', 
      forced_root_block: "", 
      }); 

Выше конфигурации вариант удалить корневой тег по умолчанию, и теперь TinyMCE возвращает пустую строку.

А также изменить условия в вашем коде

function validate() { 
     if (tinymce.EditorManager.get('bDesc').getContent() === '') { 
      alert('Blog Description can not be empty.'); 
      return false; 
     } 
    }