leanote编辑器采用tinyme 4. 添加和完善了一些功能使更易用. 添加文档导航, 图片上传, 源码编辑, 代码添加插件.

编辑器的完善是leanote的最重要的工作之一, 我们会不断完善!!!

文档导航

文档导航按钮没有与tinymce的按钮放在一些, 而是放在"添加标签" 一行的右侧( 因为以后该区域还要添加其它功能)

导航是通过html的h1, h2, h3, h4, h5..标签(推荐大家多使用标题, 这样文档结构清晰)来生成的, 点击在编辑区右侧显示文档导航:

点击导航可快速切换到文档相应位置.

图片上传

该插件修改原tinymce image插件

特点: html5 拖曳上传图片

源码编辑

使用的是codemirror插件

特点: 行号, 高亮

插入代码/转化代码

该插件参考其它现有的插入代码插件, 基本重写

特点: 方便, 易用

插入代码

可以先选择一段文本, 再点击插入代码. 

支持多种语言选择. 如果将笔记公开成博客, 那么博客中的代码会高亮, 如:

html 与 代码相互转换

为了使转换代码更简便, 就将转换的功能重新添加一个按钮.

• 将光标放在某一行上, 点击转换, 则将该行内容转成代码(如果之前是代码, 则切换成html)
• 选择一段文本, 点击转换, 过程与上过程一致

或使用快捷键

ctrl + shift + c 来切换html与代码. 

mac 下用户还可使用  command + shift +c 来切换

主题设置:

选择:

我们会根据您的建议及时调整开发计划, 第一时间满足您的需求, 让leanote越来越好!

开发计划分为两大娄: Bug修复和新功能添加. 用[h], [m], [l](高, 中, 低)来表示优先级, [ok]表示该功能完成.

Bug修复

• 搜索总是出现"保存完成" [h] [ok]
• 自动保存总是出现, 去掉? [h] [ok]
• 博客按更新时间排序 [h] [ok]

新功能添加

笔记本

• 层级笔记本 [l]

笔记

• 笔记排序, 按创建时间, 修改时间, 标题, 升序, 降序 [h]
• 添加发长微博功能 [h][ok]

标签

• 多标签搜索 [m]

编辑器

• 标题, untitle note -> 无标题 [ok]
• 花瓣采集工具会添加js, 去掉 [h] [ok]
• 代码插入/转换 [h] [ok]
• 图片上传使用拖曳 [h] [ok]
• 源码编辑器优化 [h] [ok]

分享

博客

• 文章目录 [h]
• 博客主题 [m] [ok]
• 自定义博客模板 [l]