简单介绍
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项目里简单嵌入
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编辑器,没有导入导出等功能.
