-
Vditor 一款浏览器端的 Markdown 编辑器,支持所见即所得(富文本)、即时渲染(类似 Typora)和分屏预览模式
2020-10-11 01:07请问如何实现服务端渲染,前端直接拿到服务端渲染好的 html
-
Vditor 一款浏览器端的 Markdown 编辑器,支持所见即所得(富文本)、即时渲染(类似 Typora)和分屏预览模式
2020-09-20 23:37这是我的代码,我用了 React 的 hooks 编写的,把 vditor 单独封装了,不知道问题出在哪里,只要强刷页面就会出现问题,正常刷新打开都是 ok 的。
import React, { useEffect } from "react"; import Vditor from "vditor"; import "./index.scss"; const Markdown = (props) => { useEffect(() => { const vditor = new Vditor("vditor", { height: 360, tab: " ", mode: "sv", toolbarConfig: { pin: true, }, cache: { enable: false, }, input: (value, previewElement) => { // triggerChange(value); props.setContent(value); }, after: () => { debugger; vditor.setValue(props.value); }, }); return () => vditor && vditor.destroy(); }, [props.value]); return <div id="vditor"></div>; }; export default Markdown;
-
Vditor 一款浏览器端的 Markdown 编辑器,支持所见即所得(富文本)、即时渲染(类似 Typora)和分屏预览模式
2020-09-20 22:02感谢,这个问题解决了,另外有个问题,我只要一强刷页面就会出现 JS Error,请问这是为什么呢?
-
Vditor 一款浏览器端的 Markdown 编辑器,支持所见即所得(富文本)、即时渲染(类似 Typora)和分屏预览模式
2020-09-20 15:21吐传出来的 markdown 字符串通过 markdown-it 渲染后,流程图等不能显示,这个问题怎么解决?实时编辑的预览能够看得到,难道还要另外处理么?
-
Vditor 在 NPM 上的下载量已经超过 Editor.md 了
2020-09-16 20:16import React, { useEffect, useRef } from "react"; import Vditor from "vditor"; import "./index.scss"; const Markdown = (props) => { useEffect(() => { const vditor = new Vditor("vditor", { height: 360, tab: ' ', mode: 'sv', toolbarConfig: { pin: true, }, cache: { enable: false, }, input: (value, previewElement) => { triggerChange(value); }, after: () => { vditor.setValue(props.value); }, }); }, [props.value]); const triggerChange = (changedValue) => { const { onChange } = this.props; if (onChange) { onChange(changedValue); } }; return <div id="vditor"></div>; } export default Markdown;
按照我的理解每次有新的 value 值传入,我都会执行 setValue 操作,但事实上 setValue 的最新值被上一次的空值替换了,导致刷新页面偶尔能显示的现象,求解答?
-
Vditor 在 NPM 上的下载量已经超过 Editor.md 了
2020-09-16 10:26完整描述:刷新页面会出现数据偶尔不能正常挂在到 dom 的现象,看了下 after 方法有提到是一个异步的方式,不知道是不是这个原因?现在的需求是,如果父组件通过 ajax 获取到的数据如何才能正确的显示到 vditor 上?
-
Vditor 在 NPM 上的下载量已经超过 Editor.md 了
2020-09-15 23:31React 上父组件数据流入,刷新偶尔出现回填不进去的情况,我现在一直用的是 setValue 这个方法,不知道问题出在哪里。
-
Vditor 一款浏览器端的 Markdown 编辑器,支持所见即所得(富文本)、即时渲染(类似 Typora)和分屏预览模式
2020-01-14 21:56我想继续追问下,在 react 中如何将 state 中每次更新变化的 value 值传递给传递给 vditor?vditorConfig 只能在 componentDidMount 中初始化一次,然而后续如果想继续给编辑器传值还是不行。setState 方法再 react 中出现死循环错误,不知道其他人有没有这个错误。
-
Vditor 一款浏览器端的 Markdown 编辑器,支持所见即所得(富文本)、即时渲染(类似 Typora)和分屏预览模式
2020-01-05 15:13又来提建议了,我发现在 react 中调用 setValue 方法后还会触发 input 事件,这个逻辑好像不对,input 事件难道不应该是用户输入时才会触发么?两者区别还是很大的。。。
-
Vditor 一款浏览器端的 Markdown 编辑器,支持所见即所得(富文本)、即时渲染(类似 Typora)和分屏预览模式
2020-01-05 01:36我的代码是这样的:
class MdEditor extends React.Component<Props, State> { vditor: any componentWillReceiveProps(nextProps: Props) { if (nextProps.value) { this.vditor.setValue(nextProps.value) } } componentDidMount() { this.vditor = new Vditor('vditor', this.vditorConfig.vditorOptions) this.vditor.setValue(this.props.value) } shouldComponentUpdate(nextProps: Props, nextState: State) { return false } render() { return ( <div id="vditor"></div> ) } triggerChange = (changedValue: any) => { const { onChange } = this.props; if (onChange) { onChange(changedValue); } }; }
-
Vditor 一款浏览器端的 Markdown 编辑器,支持所见即所得(富文本)、即时渲染(类似 Typora)和分屏预览模式
2020-01-05 01:33你好,react 中父组件给子组件传递默认的 markdown 值时,vditor 没有提供接受该默认值的属性么?文档中有个 setValue 方法,但是在子组件接受父组件传过来的值时调用该方法产生堆栈溢出的错误。请问我该怎么办?
-
Vditor 一款浏览器端的 Markdown 编辑器,支持所见即所得(富文本)、即时渲染(类似 Typora)和分屏预览模式
2019-09-03 13:28还有就是 React 只能拿到 markdown 字符串在 componentDidMount 中使用 Vditor.preview 生成 html,这种方式是否不利于 SEO?因为我查看网页源代码是成片的 markdown 字符串。
-
Vditor 一款浏览器端的 Markdown 编辑器,支持所见即所得(富文本)、即时渲染(类似 Typora)和分屏预览模式
2019-09-03 13:24比如,编辑器左侧使用冒号加一冒号,右侧还是冒号加一冒号,并没有生成对应的表情 😭
-
Vditor 一款浏览器端的 Markdown 编辑器,支持所见即所得(富文本)、即时渲染(类似 Typora)和分屏预览模式
2019-09-02 18:23请问我在使用 markdown 表情快捷键时为啥表情效果出不来呢?😭