拿到带有font-family的html字符串 使用BraftEditor.createEditorState(html)后 字体样式丢失

[nannan0109]

拿到带有font-family的html字符串 使用BraftEditor.createEditorState(html)后 字体样式丢失
例如：
<p><span style="font-family:STKaiti,KaiTi,sans-serif"><span style="font-size:40px">这里应该是楷体</span></span></p>
渲染到编辑器框里 丢失了楷体这个字体

[Mrtaochen]

同样遇到了 有没有解决方案呢

[itibbers]

蹲一个解决方案

[itibbers]

看了下源码，我是这样解决的：

const fontFamilies = [
  { name: '思源黑体', family: '思源黑体' },
  { name: '隶书', family: '隶书' },
  { name: '楷体', family: '楷体,sans-serif' },
]

// 需要把你自定义的字体作为options传入进去
BraftEditor.createEditorState(ele.innerHtml, { fontFamilies: fontFamilies })

[Mrtaochen]

ok，我后面这么试出来了 非常感谢

…

------------------&nbsp;原始邮件&nbsp;------------------ 发件人: "itibbers"<[email protected]&gt;; 发送时间: 2020年9月1日(星期二) 中午12:15 收件人: "margox/braft-editor"<[email protected]&gt;; 抄送: "悲痛莫名"<[email protected]&gt;; "Comment"<[email protected]&gt;; 主题: Re: [margox/braft-editor] 拿到带有font-family的html字符串 使用BraftEditor.createEditorState(html)后 字体样式丢失 (#775) 看了下源码，我是这样解决的： const fontFamilies = [ { name: '思源黑体', family: '思源黑体' }, { name: '隶书', family: '隶书' }, { name: '楷体', family: '楷体,sans-serif' }, ] // 需要把你自定义的字体作为options传入进去 BraftEditor.createEditorState(ele.innerHtml, { fontFamilies: fontFamilies }) — You are receiving this because you commented. Reply to this email directly, view it on GitHub, or unsubscribe.

[Ryan-lixuan]

看了下原始码，我是这样解决的：

const  fontFamilies  =  [ 
  { 名称：'思源黑体' ， 家族：'思源黑体'  } ，
  { 名称：'隶书' ， 家族：'隶书'  } ，
  { 名称：'楷体' ， 家族：'楷体，sans-serif'  } ，
]

//需要把你自定义的字体作为选项加入进去
BraftEditor.createEditorState （ELE.innerHTML的, {  fontFamilies：fontFamilies  } ）

哇，谢谢大佬，困扰很久，终于解决

[hyl1374961656]

同一行文字在输入时切换字体顶部显示的字体不会变但是内容的字体是改变了的

[thelittlemaster]

同一行文字在输入时切换字体顶部显示的字体不会变但是内容的字体是改变了的

有没有解决办法呢，我也遇到了同样的问题。不仅是字体，字号也会出现同样的问题

[hyl1374961656]

同一行文字在输入时切换字体顶部显示的字体不会变但是内容的字体是改变了的

有没有解决办法呢，我也遇到了同样的问题。不仅是字体，字号也会出现同样的问题

没解决，作者好久都不更新了，建议换插件用吧