angular markdown editor
-
安装 Node.js、git 客户端
-
执行
git clone https://github.com/WorktileTech/angular-wt-editor -
执行
npm install gulp -g和npm install bower -g -
执行
npm install和bower install -
执行
bower install https://github.com/WorktileTech/marked.git -
执行
gulp生成js，打开 demo.html 即可
##demo示例
config可以设置的参数:
-
type [String,编辑器toolbar类型 'simple':简易版, 'all':全部按钮]
-
fontSize [String, markdown代码字体大小，默认为16px]
-
isPreviewButton [Boolean, 是否显示预览按钮,默认为true]
-
width [String, 编辑器宽度]
-
height [String, 编辑器高度]
-
isFullButton [Boolean, 是否显示最大化按钮]
-
hideButtons [隐藏的toolbar按钮,元素为按钮的id, id见下面]
-
replaceButtons [替换默认的图标,{id:17,title:'插入图片',className:'fa fa-file-image-o',type:'custom',action:imageFn}]
-
additionalButtons [扩展的图标,{title:'扩展',className:'fa fa-music',type:'custom',action:musicFn,before:2}]
-
onShow [显示编辑器的时候调用]
-
onPreview [预览的时候调用]
12.onChange [内容变化时调用]
13.toolbar 按钮id [粗体:1],[斜体:2],[删除线:3],[标题1:4],[标题2:5],[标题3:6],[标题4:7],[标题5:8],[标题6:9],[横线:10],[引用:11],[无序列表:12],[有序列表:13],[未完成任务列表:14], [已完成任务列表:15],[链接:16],[图片:17],[代码:18],[表格:19],[Emoji 图标:20],[Font Awesome 图标:21],[数学公式:22],[流程图:23],[顺序图:24],[甘特图:25],[帮助:26],[预览:27],[最大化:28]