/angular-wt-editor

angular markdown editor https://worktile.com

Primary LanguageJavaScriptMIT LicenseMIT

wt-editor angular markdown editor

angular markdown editor

安装步骤

  1. 安装 Node.js、git 客户端

  2. 执行 git clone https://github.com/WorktileTech/angular-wt-editor

  3. 执行 npm install gulp -gnpm install bower -g

  4. 执行 npm installbower install

  5. 执行 bower install https://github.com/WorktileTech/marked.git

  6. 执行 gulp 生成js,打开 demo.html 即可

##demo示例

config可以设置的参数:

  1. type [String,编辑器toolbar类型 'simple':简易版, 'all':全部按钮]

  2. fontSize [String, markdown代码字体大小,默认为16px]

  3. isPreviewButton [Boolean, 是否显示预览按钮,默认为true]

  4. width [String, 编辑器宽度]

  5. height [String, 编辑器高度]

  6. isFullButton [Boolean, 是否显示最大化按钮]

  7. hideButtons [隐藏的toolbar按钮,元素为按钮的id, id见下面]

  8. replaceButtons [替换默认的图标,{id:17,title:'插入图片',className:'fa fa-file-image-o',type:'custom',action:imageFn}]

  9. additionalButtons [扩展的图标,{title:'扩展',className:'fa fa-music',type:'custom',action:musicFn,before:2}]

  10. onShow [显示编辑器的时候调用]

  11. 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]