Giter Club home page Giter Club logo

utools-vue3-markdown-editor's Introduction

utools-vue3-markdown-editor

基于 vue3 + vite + elementui + markd + keyboardjs + highlight.js 实现的清爽 Markdown 编辑器

Github: https://github.com/wangerzi/utools-vue3-markdown-editor Gitee: https://gitee.com/wangerzi/utools-vue3-markdown-editor

本插件编写过程已发表博客:使用 Vue3 + vite + elementUI 开发一个 Utools Markdown 编辑器插件

screen

功能

  • 支持复制文件触发编辑
  • 支持 Ctrl/Command + S 即时保存,Ctrl/Command + Shift + S 另存为
  • 支持代码高亮,即时渲染 Github 样式的预览
  • 支持相对路径图片显示
  • 打开文件所在路径

进阶需求

  • 适配暗黑模式
  • 分离窗口最大化后,编辑框和预览框的高度固定不能自定义
  • 希望支持TOC标题预览
  • 希望支持切换视图(编辑、预览、边编辑边预览)
  • 修改文件名
  • 图床支持
  • 文件外部变化后,自动载入
  • 导出图片
  • 导出 PDF
  • 导出 HTML

如何部署

$ npm i
$ npm build
$ npm run dev # 运行测试环境

dist/plugin.json 拖动到 Utools 开发者工具,即可进行调试和打包

开源协议

utools-vue3-markdown-editor is licensed under the MIT License. See LICENSE for the full license text.

utools-vue3-markdown-editor's People

Contributors

wangerzi avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.