zoukankan      html  css  js  c++  java
  • react-markdown-editor-lite 编辑器

    一、编辑器  无序列表+有序列表有问题

    // 导入React、react-markdown-editor-lite,以及一个你喜欢的Markdown渲染器
    import * as React from 'react'
    // npm i markdown-it -S
    import MarkdownIt from 'markdown-it'
    import MdEditor from 'react-markdown-editor-lite'
    
    // 导入编辑器的样式
    import 'react-markdown-editor-lite/lib/index.css';
    
    // 初始化Markdown解析器
    const mdParser = new MarkdownIt(/* Markdown-it options */);
    
    // Finish!
    function handleEditorChange({html, text}) {    
      console.log('handleEditorChange', html, text)
    }
    export default (props) => {
      return (
        <MdEditor
          style={{ height: "500px" }}
          renderHTML={(text) => mdParser.render(text)}
          onChange={handleEditorChange}
        />
      )
    }
    点到为止
  • 相关阅读:
    结对开发地铁
    学习进度04
    构建之法阅读笔记02
    学习进度03
    构建之法阅读笔记01
    Golang开发工具LiteIDE使用方法整理
    package httputil
    package net
    package json
    package encoding
  • 原文地址:https://www.cnblogs.com/fger/p/14316411.html
Copyright © 2011-2022 走看看