百度UEditor富文本编辑器去除自动追加span标签

  • Post author:
  • Post category:其他
#消息模板实时翻译

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标签的等等就可以了)

版权声明:本文为u013912065原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。