百度UEditor富文本编辑器去除自动追加span标签
#消息模板实时翻译
1、消息模板支持实时翻译,并且将消息模板中的主题、消息、短信、邮件修改为消息富文本编辑器,对主题和短信的富文本编辑器工具进行隐藏。
2、替换规则:
同步拼接编码和label,通过某种既定的格式,建立映射关系:
实体:
`${<span name="${Model:bc:BeisenCloudDemo.shiti.ziduan}">实体.字段</span>}`
工作流:需进行添加流程定义ID,并且在运行态解析时将流程定义编码去掉
`${<span name="${Model:wf:9af7f46a-ea52-4aa3-b8c3-9fd484c2af12/bc:BeisenCloudDemo.shiti.ziduan}">实体.字段</span>}`
3.翻译过程中,对历史数据:自定义变量和上下文变量不进行支持,目前发现某些是支持的,遇到不支持的也不要大惊小怪。
4、富文本粘贴复制修改:
我们在上面已经给进行了介绍,我们是对编码和名称之间通过一些标签建立某种既定的格式简历映射关系来达到我们替换和实时翻译的目的,但是在实际操作过程中发现,我们在对富文本里面的东西进行粘贴和复制的时候富文本会对我们既定的格式进行某种改变,比如粘贴时会对我们的文本进行添加标签操作:
`<span></span>${<span name="${Model:bc:BeisenCloudDemo.shiti.ziduan}">实体.字段</span><span>}</span>`
会对我们的文本进行添加span标签,改变我们的格式,导致解析失败,抑或者我们进行添加颜色和样式进行格式处理的时候也会改变我们的标签,会对我们的标签进行合并或者去掉的操作。
解决方案:
1、修改百度Ueditor源代码,对我们实际的情况进行特殊的处理:
处理源码的文件名称为4.3.3 版本的ueditor.all.js
2.修改地方:
第一处:对进行span标签的合并处理进行操作:
在源代码:2985 处,如果对源代码进行处理合并时直接进行返回,不进行span标签的合并处理
第二处: 12113 行,去掉 white-space:nowrap 属性( 百度UEditor富文本编辑器去除自动追加span标签,版本:4.3.3),取代该属性的目的是为了我们在进行复制粘贴的过程中会对 `<span></span>${<span name="${Model:bc:BeisenCloudDemo.shiti.ziduan}">实体.字段</span><span>}</span>` 里面的文本${} 只要是涉及到文本的地方都会进行添加span标签进行标注,通过去掉该属性,在进行粘贴复制的时候不会对文本内容进行添加span标签(当然大多数情况下回对文本进行添加p标签,但是处理P标签的方法很多,比如有个属性类似于allowDivToP:false 是否将div转化为p标签的等等就可以了)
百度UEditor富文本编辑器去除自动追加span标签相关推荐
- phpeditor编写php_PHP如何搭建百度Ueditor富文本编辑器
本文为大家分享了PHP搭建百度Ueditor富文本编辑器的方法,供大家参考,具体内容如下 下载UEditor 将下载好的文件解压到thinkphp项目中,本文是解压到PUBLIC目录下并改文件夹名称为 ...
- java 百度副文本_spring boot 、springMVC环境集成百度ueditor富文本编辑器
spring-boot-mvc-ueditor-qiniu spring boot .springMVC环境集成百度ueditor富文本编辑器,使用七牛云存储图片 依赖库版本: spring boot ...
- php引入百度Ueditor富文本编辑器
php引入百度Ueditor富文本编辑器 文本编辑器插件内容丰富,比起传统的textarea标签输入要好用很多,看看如何在页面实现引入吧 1.下载适合的资源包(可以去官网下载适合的版本),我是php引 ...
- 解决百度ueditor富文本编辑器不能插入视频的问题/src掉链/src清空,不能显示视频
如果你嫌弃自己配置比较麻烦,出现各种奇奇怪怪的问题你下载我 这个文件 加入到你的项中, 只 需要 修改 项目名称 就可以 运行 地址 https://download.csdn.net/d ...
- django 与 百度 ueditor 富文本编辑器集成
django 是基于 python 的一个很好的web开发框架.ueditor 是百度开源的一个富文本编辑器.有很好的用户体验,很适合中国人使用的一个编辑器. 在使用ueditor 之前,我集成过 f ...
- ueditor html中使用方法,vue集成百度UEditor富文本编辑器使用教程
在前端开发的项目中,难免会遇到需要在页面上集成一个富文本编辑器.那么,如果你有这个需求,希望可以帮助到你. vue是前端开发者所追捧的框架,简单易上手,但是基于vue的富文本编辑器大多数太过于精简.于 ...
- 【php】ThinkPHP搭建百度Ueditor富文本编辑器
简介 UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码. 下载UEditor 官网下载:http ...
- 江湖CMS框架改成百度UEditor富文本编辑器
下载UEedit到/public/ueditor下.ueditor1_4_3_3-utf8-php版 添加文章模版/h1sg/web/system/admin/view/article/article ...
- 百度Ueditor富文本编辑器修改上传图片的默认路径绝对能用,并且回显,并且超级简单,超级详情,有用点赞好评!
最近做一个项目,项目做完了,再部署的时候,人家要求webapps不能存放图片什么的,因为如果变更,就图片什么就没了,好了现在开始修改. 当初做这个功能的时候,查了很多,感觉都是神仙,代码各种不全,完成 ...
最新文章
- MSSQL-最佳实践-行级别安全解决方案
- 微信小程序- 初试小程序之tabbar(选项卡,底部导航)的使用
- 徐磊(Devops):一名写了十几年代码但还没写够的程序员
- 配置HTTPS以与Servlet一起使用
- 产品经验谈:推荐系统实战案例-如何寻找有用的用户行为?
- FineUI(专业版)v3.0.0 发布,手机、平板和桌面全支持!
- ghelper失效_Ghelper账号+网易云音乐领黑胶会员35天
- ElasticSearch之Tokenizer 分词器
- 指针和const限定
- JavaScript基础函数的配置对象Configuration Objects(020)
- 【原创】字典攻击教务处(BurpSuite使用)
- 一文读懂YUV的采样与格式
- python 判断素数
- LoRa技术-什么是LoRa
- 戴尔笔记本安装双系统(win10+ubuntu20.04)避坑记录
- 上海宝付谈谈故宫瘫痪,程序员怎么办
- 菜单栏、工具栏、状态栏——QT
- java拼图_java拼图
- 《使用IEC61499为控制系统建模》-第一章 概述
- pandas数据透视表
热门文章
- 利用fastcopy 定时同步目录
- 小学英语课堂教学与计算机的结合,畅言交互式信息技术与小学英语课堂教学的有效整合...
- Ubuntu 下C++开发环境的建立及anjuta的安装
- mulesoft MCIA 易错题汇总解析(补充)
- uniapp开发微信小程序授权登录
- linux 贪食蛇怎么编译,贪吃蛇 linux 程序
- Lua 函数 类 Table --学习笔记
- ENMS直读式远程集中抄表系统
- mtk android wifi,MTK android WIFI地址 不写随机变动问题
- php网站制作成品欣赏,phpweb成品网站产品展示模块功能简介