Skip to content

cuijinyu/markdown-editor

Repository files navigation

markdown


技术栈

  • vue
    • vue
  • ES6

功能概要

  • 支持主要的markdown语法
  • 一个自制的markdown解析器

还存在的问题

  • 解析器
    • 在很多复杂情况下仍然不能正确识别
    • 效率问题是十分紧要的一个问题,基于正则引擎的效率不够理想,在文件变大的情况下会卡顿
  • 界面
    • 仍然不够十分美观,因为时间有限,所以优先考虑了功能的实现,在样式上没有下太大的工夫
  • 编辑器
    • 编辑器提供的操作依然不够丰富,没有代码高亮和自动缩进,体验仍然较差。
  • 实时渲染
    • 现在的渲染是整体进行渲染,不支持局部渲染刷新,十分影响性能。

解决方案

  • 解析器
    • 将会利用c++重写一个梯度下降语法解析器,以addon的形式,用以提高解析器性能。
  • 界面
    • 将会参考其他成熟富文本编辑器的界面
  • 编辑器
    • 将会支持自动缩进和代码高亮
  • 输出
    • 一个思路是利用html2canvas和jsPdf配合输出pdf页面

项目结构

 ├── App.vue
 ├── assets
 │   ├── images
 │   │   ├── 758编辑器_分割线.png
 │   │   ├── 列表.png
 │   │   ├── 图片.png
 │   │   ├── 引用.png
 │   │   ├── 数学.png
 │   │   ├── 文案标题.png
 │   │   ├── 斜体.png
 │   │   ├── 符号-代码.png
 │   │   ├── 粗体.png
 │   │   ├── 表格.png
 │   │   └── 链接.png
 │   ├── js
 │   │   ├── microMarkdown.js ------------------简易markdown解析器
 │   │   └── textOperation.js ------------------对文本操作的封装
 │   └── logo.png
 ├── components
 │   └── editor.vue   ----------------------编辑器组件
 └── main.js
 
   

About

a simple markdowneditor with a simple markdown parser

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published