Moon Editor —— 一个漂亮,轻量级的 web 富文本编辑器,配置方便,使用简单。支持 IE10+ 浏览器。
同时支持:
- React
- Vue
- 支持浏览器端直接调用
- 支持中英文转换
MoonEditor({
locale: 'zh_cn', // zh_cn or en
isImageBase64: true, // 当为true时,编辑器不会执行上传服务器的动作
isImageExtensions: true, // 当为false时,编辑器不会开启图片的拓展支持,比如说修改图片尺寸
uploadServer: {
url: 'https://127.0.0.1:3000/upload',
method: 'post'
},
content: `
<h2>
基于tiptap的编辑器,
</h2>
<p>
这是一个开箱即用,可灵活配置,漂亮的编辑器.
</p>
<pre><code>body { display: none; }</code></pre>
<ul>
<li>
我是一个无序列表
</li>
<li>
这是我的子元素
</li>
</ul>
<blockquote>
这款编辑器实在太棒了,我叫它做月亮编辑器 👏👏😎😎
<br />
– bs32g1038
</blockquote>
<br />
`,
onChange: function(html){
console.log(html)
}
});
- 下载源码
https://github.com/bs32g1038/moon-editor.git
- 安装或者升级最新版本 node(最低
v8.x.x
) - 进入目录,安装依赖包
cd moon-editor && npm install
- 安装包完成之后,运行
npm run dev
- 打开浏览器访问https://localhost:8080/
- 直接在 github issues 提交问题
- 关注作者的博客 - 《个人博客》