富文本编辑器react-draft-wysiwyg 怎么添加汉字字体比如宋体、黑体、楷体等?
我用antd+dva做一个后台项目,使用到富文本编辑器react-draft-wysiwyg,但默认可供选择的字体全是英文字体,请问怎么添加常用汉字字体?
试过在组件中这么写fontFamily没有效果...
import React from 'react'
import { Editor } from 'react-draft-wysiwyg'
import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css'
import styles from './Editor.less'
const DraftEditor = (props) => {
return (<Editor
localization={{ locale: 'zh' }}
toolbarClassName={styles.toolbar}
wrapperClassName={styles.wrapper}
editorClassName={styles.editor}
fontFamily={{'SimSun': '宋体', 'KaiTi': '楷体',}}
{...props}
/>)
}
export default DraftEditor
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
找到解决方法如下:
import React from 'react'
import { Editor } from 'react-draft-wysiwyg'
import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css'
import styles from './Editor.less'
const DraftEditor = (props) => {
return (<Editor
}
export default DraftEditor