在 react 中使用 Vditor,发现 bug,工具栏显示异常,图标超大!

202111040021.png

我这的 react 代码就写了一个 index.jsx,内容如下:

import Vditor from 'vditor';
import React from 'react';
import ReactDOM from 'react-dom'

const e = React.createElement

class APP extends React.Component {

    componentDidMount() {
        const vditor = new Vditor('vditor', {
            height: 360,
            toolbarConfig: {
                pin: true,
            },
            cache: {
                enable: false,
            },
            after() {
                vditor.setValue('Hello, Vditor + React!')
            },
        })
    }

    render() {
        return e(
            'div',
            { id: 'vditor' },
        )
    }
}


ReactDOM.render(e(APP), document.getElementById('root'))

  • Vditor

    Vditor 是一款浏览器端的 Markdown 编辑器,支持所见即所得、即时渲染(类似 Typora)和分屏预览模式。它使用 TypeScript 实现,支持原生 JavaScript、Vue、React 和 Angular。

    175 引用 • 1080 回帖
  • Q&A

    提问之前请先看《提问的智慧》,好的问题比好的答案更有价值。

    3114 引用 • 16105 回帖 • 492 关注

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...