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代码会提示我。但是，当编辑器不为空时，它仍会显示警告消息。可以告诉我我的代码有什么问题。提前谢谢。

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中没有任何内容时，Tinymce会返回空的<p></p>标记。你可以做一件事，只需在初始化时添加配置选项forced_root_block:""。例如，

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

tinyMCE空验证检查

2 个答案: