/gmde

Online Markdown Editor

Primary LanguageJavaScriptGNU General Public License v3.0GPL-3.0

gmde

Online Markdown Editor

新一代的在线 Markdown 编辑器,轻巧、灵活、优雅。

简介

全名:GxzMarkdownEditor,非常自恋的采用了 Ganxiaozhe 的缩写,但这无关紧要,只需要他是个轻巧、灵活、优雅的编辑器足矣。 若要引用 GMDE 需先引用 v1.2.0 版本以上的 gQuery。 简单的引用:

gxz.exEditor = new geditor('gmde-container',{pushHTML:1}).set({
   preview: '#ex-gmde'
});

关联插件

在引入以下插件后,GMDE 将自动调用他们:

自定义 GMDE

你可以随时通过 .set(options) 对 GMDE 进行自定义,包括实时预览、字符限制、自动保存以及文件上传功能。就像换装小游戏,想让他穿多少就穿多少 :3

实时预览

preview 对象接受一个 CSS3 选择器文本 以绑定预览。

字符限制

maxlength, minlength 对象分别接受一个 数值 以控制最小与最大字符数量限制。

自动保存

autoSave 对象接受一个 对象 以设置编辑器自动保存。

gxz.exEditor = new geditor('gmde-container',{pushHTML:1}).set({
    preview: '#ex-gmde',
    autoSave: {name: 'example',load: 1,time: 60}
});

name:String 设定保存数据的 storage keyload:Number 设定是否自动加载保存的内容,不为 1 时将不会自动加载;time:Number 设定自动保存的间隔时间(秒),默认为 30。

文件上传

upload 对象接受一个 对象 以控制文件上传模块,目前仅支持图片上传,且需部署后端以请求 token。

gxz.exEditor = new geditor('gmde-container',{pushHTML:1}).set({
    preview: '#ex-gmde',
    upload: {
       img: {
           allow: true,
           url: '/lib/sdk/ali-oss/get.php?action=',
           act: 'proj_imgUp',
           maxSize: 512*1024
       }
    }
});