简单介绍

StackEdit 是非常出色的在线 markdown 编辑器.
官网 stackedit.io
源码 github

私有 docker 部署

拉取官方镜像
sudo docker pull benweet/stackedit

启动容器跑起来
sudo docker run -d --name stackedit-offical -p 18080:8080/tcp benweet/stackedit

访问体验
http://your-ip-or-domain-name:18080 体验私有部署的在线 markdown 编辑

18080 改为自己希望使用的主机端口

ps. 在 docker 镜像里, StackEdit 作者非常良心的把官网需要赞助打赏才能用的pdf/word导出功能放开了

image.png

在自己的web项目里简单嵌入

stackedit-js官方文档

npm install --save stackedit-js

vue

methods: {
    // 打开 markdown 编辑器, 编辑详情
    openMarkdownEditor() {
      const stackedit = new Stackedit({
        url: 'http://<ip>:port/app',
      });

      // Open the iframe
      stackedit.openFile({
        name: 'markdownFile', // with an optional filename
        content: {
          text: this.内容字段, // and the Markdown content.
        },
      });

      stackedit.on('fileChange', (file) => {
        this.内容字段 = file.content.text;
      });
    },
}

在合适的地方调用 openMarkdownEditor() 方法, 可以打开一个弹出效果的markdown编辑器,没有导入导出等功能.