Moon Editor

介绍

Moon Editor —— 一个漂亮，轻量级的 web 富文本编辑器，配置方便，使用简单。支持 IE10+ 浏览器。

• 预览: http://editor.lizc.net/

同时支持:

• React
• Vue
• 支持浏览器端直接调用
• 支持中英文转换

使用

MoonEditor({
    locale: 'zh_cn', // zh_cn or en
    isImageBase64: true,  // 当为true时，编辑器不会执行上传服务器的动作
    isImageExtensions: true, // 当为false时，编辑器不会开启图片的拓展支持，比如说修改图片尺寸
    uploadServer: {
        url: 'http://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)
    }
});

运行 demo

• 下载源码 https://github.com/bs32g1038/moon-editor.git
• 安装或者升级最新版本 node（最低v8.x.x）
• 进入目录，安装依赖包 cd moon-editor && npm install
• 安装包完成之后，运行npm run dev
• 打开浏览器访问http://localhost:8080/

提问

• 直接在 github issues 提交问题

关于作者

• 关注作者的博客 - 《个人博客》