wangEditor icon indicating copy to clipboard operation
wangEditor copied to clipboard

font标签在v5中的使用

Open RonkyTang opened this issue 3 years ago • 4 comments

问题描述

在v4中将文字设置样式或大小的调整后,在v5中不能将其样式顺利展示,想请问作者是建议写一个font转换class还是有其他更好的解决办法?

wangEditor 版本

v4 & v5

是否查阅了文档 ?

(文档链接 www.wangeditor.com

最小成本的复现步骤

(请告诉我们,如何最快的复现该问题?)

  • 步骤一 在v4版本中写入一段文字,并对其修改大小、颜色和背景色
  • 步骤二 获取v4版本中的html
  • 步骤三 使用v5的setHtml可以看到是仅保持了文字,丢失了样式

RonkyTang avatar Aug 15 '22 13:08 RonkyTang

获取v4版本中的html

把这个 HTML 代码贴出来,我试试

wangfupeng1988 avatar Aug 16 '22 00:08 wangfupeng1988

获取v4版本中的html

把这个 HTML 代码贴出来,我试试

v4代码: <p><font color="#ae6800">asfa<span style="background-color: rgb(208, 74, 2);">s</span>d<b>fa</b></font><b>sf</b></p> v4编辑器中效果:

image

v5中的样子: image

v4中对文字使用了font标签

RonkyTang avatar Aug 16 '22 03:08 RonkyTang

不是 font 的原因。而是 font 和 span 嵌套了

wangfupeng1988 avatar Aug 16 '22 06:08 wangfupeng1988

不是 font 的原因。而是 font 和 span 嵌套了

请问有何办法解决吗?我来实现也可以的. 我这边v4的数据放入v5很多样式丢失, 我想到的是重写font粘贴进编辑器, 又更好的办法吗?

RonkyTang avatar Aug 24 '22 07:08 RonkyTang