这里文章都是从个人的github博客直接复制过来的,排版可能有点乱. 原始地址 http://benq.im/2015/04/28/hexomd-05/   文章目录 1. 七牛云存储 1.1. 系统设置 1.2. 配置七牛帐号 2. 图片上传 3. 总结 4. 附件 上一篇我们实现了实时预览功能. 今天这篇要利用免费的七牛云存储服务来实现粘贴自动上传图片的功能.不想看过程的朋友可以直接下载打包好的程序使用,使用之前记得配置七牛帐号. 文章的内容包含以下三点: 七牛云存储. clipboard-…
这里文章都是从个人的github博客直接复制过来的,排版可能有点乱. 原始地址 http://benq.im/2015/04/25/hexomd-04/   程序打包   文章目录 1. 打开新窗口 2. 预览功能 3. 优化体验 3.1. 滚动条随动 3.2. 样式美化 3.3. 代码块高亮 3.4. 关闭主程序前先自动关闭预览窗口 4. 总结 5. 附件 上一篇我们实现了系统模块的一些功能,对angular的使用更深入了一点. 今天这篇我们要实现实时预览的功能,将学习到如何使用nw.js打开…
这里文章都是从个人的github博客直接复制过来的,排版可能有点乱. 原始地址 http://benq.im/2015/05/19/hexomd-07/   文章目录 1. 准备工作 2. 目录语法 3. emojis表情语法 3.1. 准备表情素材 3.2. 实现功能 4. 编辑器语法高亮 5. 总结 6. 附件 上一篇我们实现了自动更新的功能. 在前面的6篇中,我们基本没做什么创造,都只是像玩乐高那样把零件拼接成我们想要的东西.今天这篇将对marked进行简单扩展, 增加我们的markdow…
这里文章都是从个人的github博客直接复制过来的,排版可能有点乱. 原始地址 http://benq.im/2015/05/12/hexomd-06/   文章目录 1. 自动更新方案 2. 实现 2.1. 安装依赖模块 2.2. 自定义package.json 2.3. updater.js 2.4. 绑定更新按钮 3. 总结 4. 附件 上一篇我们实现了粘贴上传图片功能. 今天将实现自动更新的功能,有了这个功能以后我再发博客就不需要每次都把最新的程序重新打包上传了. 对于不想看如何实现的朋…
这里文章都是从个人的github博客直接复制过来的,排版可能有点乱. 原始地址  http://benq.im   文章目录 1. 简介 2. 项目结构 3. 程序主界面 4. 拖动窗口 5. app.js 6. 导航栏按钮 7. 实现简单的markdown编辑器 7.1. 定义路由 7.2. 实现controller 7.3. 添加视图模版 7.4. 实现editor 7.5. 实现directive 7.6. 最终效果 8. 总结 9. 附件 前段时间用hexo重新搭了个人博客,顺便写了个简…
这里文章都是从个人的github博客直接复制过来的,排版可能有点乱. 原始地址 http://benq.im/2015/04/24/hexomd-03/ 文章目录 1. 系统模块 2. 记录上次打开的文件 3. 编辑器样式选择 3.1. 样式修改表单 3.2. 自动生成select列表 4. 总结 5. 附件 上一篇我们实现了文件的新建,保存,打开功能. 在这篇里我们将实现以下功能: 系统模块,包含一些软件的设置和存储功能 记录上次打开的文件 编辑器样式选择 系统模块 跟之前的studio模块类…
这里文章都是从个人的github博客直接复制过来的,排版可能有点乱. 原始地址 http://benq.im 文章目录 1. 工具条 1.1. 样式 1.2. 工具条截图 2. 状态栏消息 3. 文件操作 3.1. 新建文件 3.2. 保存文件 3.3. 打开文件 4. 总结 5. 附件 上一篇我们搭建好了项目结构,简单的实现了第一个模块(studio)的基本功能,已经能够进行简单的markdown编辑. 在这篇里我们将实现以下功能: 底部工具条UI,状态栏信息 新建文件,打开文件,保存文件 工…
对于创作平台来说内容编辑器是十分重要的功能,强大的编辑器可以让创作者专注于创作"笔"下生花.而最好取悦程序员创作者的方法之一就是支持 Markdown 写作,因为大多数程序员都是用 Markdown 来写文章. Markdown 作为程序员写作的心头爱,有很多优点: 通过语法实现排版,不需要点选手动设置样式 快速实现复杂内容,如:代码块.超链接.公式等 让创作者有更多时间专注于内容 但,同样的也有些缺点: 有一定的学习门槛,对于非程序员不太友好 看原文档就像看"代码"…
Markdown编辑器的使用与开发入门 在部门做技术分享的时候简单整理了一下手里的资料 1 是什么 1.1 Markdown是一种轻量级标记语言 Markdown是一种轻量级标记语言,创始人为约翰·格鲁伯(英语:John Gruber).它允许人们"使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML(或者HTML)文档". -- 维基百科 1.2 以纯文本形式(易读.易写.易更改)编写文档 Markdown是一种轻量级标记语言,它以纯文本形式(易读.易写.易更改)编写文档,并…
先说下选择Markdown编辑器的原因,我们进行平台开发,需要很多的操作手册和API文档,要在网站中展示出来就需要是HTML格式的文件,但是由于内容很多,不可能全部由技术人员进行文档的编写,如果是只有文档操作经验的人来做就会出现很麻烦的情况. 最初,我们先用试着用word来写,再转换成HTML文件保存,但是这样存在几个问题:1.转换出来的文件标签和样式十分的杂乱和冗余,有太多无用的标签,后期要修改样式也十分不容易:2.图片无法保存,在word文档中插入的图片路径是固定的物理路径,或是与文档一起存…