wangeditor-team / wangEditor

wangEditor, open-source Web rich text editor 开源 Web 富文本编辑器
http://www.wangeditor.com/
MIT License
17.59k stars 3.32k forks source link

如何设置工具栏默认字号=18px? #5796

Open yanuel opened 8 months ago

HelloJZP commented 8 months ago

还有默认字体为宋体。。

cycleccc commented 8 months ago

@yanuel @HelloJZP #4042 实测使用defaultContent属性在vue、react中可以改变默认字号、字体及行高

HelloJZP commented 8 months ago

const defaultContent = { fontFamily:'宋体', lineHeight:18 } @end-cycle 是这样吗修改吗,可以具体一点吗

cycleccc commented 8 months ago

const defaultContent = { fontFamily:'宋体', lineHeight:18 } @end-cycle 是这样吗修改吗,可以具体一点吗

@HelloJZP 最好是看一下 相关 issure #4042 或是查看sandbox链接 vue2:https://codesandbox.io/p/sandbox/vue2-wangeditor-demo-forked-67fh5s react:https://codesandbox.io/p/sandbox/react-wangeditor-demo-forked-59c48n

imleeou commented 8 months ago

const defaultContent = { fontFamily:'宋体', lineHeight:18 } @end-cycle 是这样吗修改吗,可以具体一点吗

@HelloJZP 最好是看一下 相关 issure #4042 或是查看sandbox链接 vue2:codesandbox.io/p/sandbox/vue2-wangeditor-demo-forked-67fh5s react:codesandbox.io/p/sandbox/react-wangeditor-demo-forked-59c48n

#4042中,有人提到这样会修改H1-H5的字体大小@zhangyueteng87,我也出现了相同的情况,楼下的回复是自己的样式污染了H1-H5,但是dom显示是内联样式到H1下面的span上面去了 image

cycleccc commented 8 months ago

const defaultContent = { fontFamily:'宋体', lineHeight:18 } @end-cycle 是这样吗修改吗,可以具体一点吗

@HelloJZP 最好是看一下 相关 issure #4042 或是查看sandbox链接 vue2:codesandbox.io/p/sandbox/vue2-wangeditor-demo-forked-67fh5s react:codesandbox.io/p/sandbox/react-wangeditor-demo-forked-59c48n

#4042中,有人提到这样会修改H1-H5的字体大小@zhangyueteng87,我也出现了相同的情况,楼下的回复是自己的样式污染了H1-H5,但是dom显示是内联样式到H1下面的span上面去了 image

对的,用 jsonContent 来配置,最终会设置 font-size 到 data-slate-node 节点从而影响到 H1-H5 的样式,这涉及到 wangeditor 的底层 slate 依赖的层级渲染 ,wangeditor 的 默认字号、默认字体原理还是清空样式,使用 jsoncontent 只能做到上层覆盖(渲染在上层),会和H1-H5标签冲突。 确实需要有更好的实现,可能需要更改源代码。