wangEditor富文本框值为空判断

原创已于 2022-03-11 13:55:20 修改 · 6.9k 阅读

1 ·

CC 4.0 BY-SA版权

xiaojie

文章标签：

#其他 #编辑器

于 2020-07-31 16:32:58 首次发布

VUE、JS 专栏收录该内容

7 篇文章

订阅专栏

本文分享了在使用wangEditor富文本编辑器时遇到的问题及解决方案。当编辑器内仅输入空格和回车时，会生成无用的HTML标签，导致表单误判为有值。文章详细介绍了如何通过自定义函数检查并去除这些无效标签，实现真正的空值判断。

部署运行你感兴趣的模型镜像

wangEditor学习文档和代码

如果在编辑器内，只输入空格和回车，编辑器会返回一堆无用的标签，但表单里认为当前项是有值的，比如:"&nbsp&nbsp&nbsp&nbsp"

我写了一个方法进行空值判断

/**
	 * 判断editor富文本域是否为空
	 * str返回的值为"" 代表输入框里面有值 成功
	 * str返回！="" 代表里面有空格 回车 失败
	 * */
	function checkVal(str)
	{
		let num = 0,
		reg = /<p>(&nbsp;|&nbsp;\s+)+<\/p>|<p>(<br>)+<\/p>/g;
		while (num < str.length && str != "")
		{
			num++;
			let k = str.match(reg);
			if (k) {
				str = str.replace(k[0], "");
			}
		}
		return str == "";
	}

您可能感兴趣的与本文相关的镜像