当前位置: 首页 > news >正文

tinymce输入框怎么限制只输入空格或者回车时不能提交

项目场景:

项目相关背景:

tinymce输入框只输入空格或者回车时提交的空数据毫无意义,所以需要限制一下

无意义的输入:
在这里插入图片描述
在这里插入图片描述


解决方案:

因为tinymce输入框传到后端的数据是代码形式,所以不能直接.trem,需要一步步的进行去除空格(空格分:‘ ’与‘ ’)与回车。
注意:空格一定要提前去除,要是在最后处理,因为没了<p></p>,回车也无法去除。

//替换所有指定字符
replaceAllContent(str, search, replace) {return str.replace(new RegExp(search, 'g'), replace);
};
.
.
.var content = this.replaceAllContent(this.ruleForm.content, '&nbsp;', ''); //去除空格
content = content.replace(/[\r\n]/g,''); //去除回车,注意它不能放在后面,只有先去除回车才能进行后面的操作
content = this.replaceAllContent(content, ' ', ''); //去除空格
content = this.replaceAllContent(content, '<p></p>', ''); //去除<p></p>
if(content == "" || content == null || content == '<p></p>') {this.$notify({  //不满足条件,弹窗提示title: '失败',message: '内容不能只输入空格',type: 'warning',});return;
}

问题解决。
在这里插入图片描述

http://www.lryc.cn/news/208452.html

相关文章:

  • 时间、空间复杂度的例题详解
  • Ubuntu22.04 搭建 OpenHarmony 命令行开发环境
  • 10.27 知识总结(前端)
  • 操作系统(02326)考试题库
  • LeetCode题:70爬楼梯,126斐波那契数
  • VTK OrientationMarker 方向 三维坐标系 相机坐标轴 自定义坐标轴
  • 工控安全与网络安全有什么不同?
  • 性能测试工具:Jmeter介绍
  • Golang Struct 继承的深入讨论和细节
  • Android11分区介绍
  • goland无法调试问题解决
  • 关于近期IP-Guard新版本客户端重复发送邮件的问题处理说明
  • linux java 启动脚本
  • Node.js 的 CommonJS ECMAScript 标准用法
  • Mysql数据库 4.SQL语言 DQL数据查询语言 查询
  • 俄罗斯黑客利用Roundcube零日漏洞窃取政府电子邮件
  • 【Javascript】ajax(阿甲克斯)
  • Spring MVC的常用注解
  • vim 使用文档笔记
  • 274. H 指数
  • 0基础学习PyFlink——用户自定义函数之UDTAF
  • SQLi靶场
  • 重庆开放大学学子们的好帮手
  • 机器学习-学习率:从理论到实战,探索学习率的调整策略
  • 【Vue3-Flask-BS架构Web应用】实践笔记1-使用一个bat脚本自动化完整部署环境
  • 工作小计-GPU硬编以及依赖库 nvcuvidnvidia-encode
  • 前端 JS 经典:宏任务、微任务、事件循环(EventLoop)
  • 电子邮件发送接收原理(附 go 语言实现发送邮件)
  • 体系结构评估——(三)风险承担者
  • 【HarmonyOS】元服务卡片展示动态数据,并定点更新卡片数据