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

项目场景:

项目相关背景:

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

无意义的输入:


解决方案:

因为tinymce输入框传到后端的数据是代码形式,所以不能直接.trem,需要一步步的进行去除空格(空格分:' '与' ')与回车。

注意:空格一定要提前去除,要是在最后处理,因为没了<p></p>,回车也无法去除。

javascript 复制代码
//替换所有指定字符
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;
}

问题解决。

相关推荐
啊阿狸不会拉杆3 小时前
《计算机网络-自顶向下方法》6.7 回顾:Web页面请求的历程 读书笔记
前端·计算机网络
李少兄3 小时前
记一次 IDEA 打开 Vue 项目后目录“闪现即消失“ 问题排查
java·vue.js·intellij-idea
云上工程笔记3 小时前
四柱记账法和复式记账法有什么区别?复式记账为什么更适合查错和对账
大数据·前端·人工智能
恋猫de小郭3 小时前
Dart Skills CLI 1.0 :AI 时代的 Dart 交付支持
android·前端·flutter
Hilaku3 小时前
为什么技术极强的前端,往往当不好前端 Team Leader?
前端·javascript·程序员
Knight_AL3 小时前
EasyExcel 导入模板踩坑:row.add(““)导致文本格式失效与单元格保护问题解决方案
java·前端·easyexcel
Csvn3 小时前
模板字面量类型:用类型做字符串的正则
前端
倾颜4 小时前
AI Chat 长会话性能实践:消息虚拟化、动态高度与流式滚动设计
前端·react.js·node.js
幸运小圣4 小时前
SSE 与 WebSocket 新手入门:前端实时通信完全指南【JavaScript】
前端·javascript·websocket
艾伦野鸽ggg4 小时前
25级开学 JS 考核题解
前端·javascript