标签 - ace

v1.0-beta.3 ace markdown    2015-01-12 02:13:17    516    5    14

Leanote一直坚持着让知识编辑更简单的理念不断完善Leanote. 今天 Leanote v1.0-beta.3 发布了, 这一版对编辑器的功能做了极大的改进. 主要改进代码编辑器及使用全新Markdown编辑器, 和新增加第三方登录.

Leaonte坚信 轮子+轮子=产品,  我们庆幸身处一个开放的环境, 我们可以将一切好的东西吸收进来不断完美Leanote. 在这一版中, 我们没有自己开发代码编辑器, 而是集成了当今最好用的Ace代码编辑器. 在这新一版的Markdown编辑器中, 我们也是如此, 集成了当今最好用的stackedit编辑器.

1. 代码编辑器-Ace

这一新功能绝对是程序员朋友们的福利, 从此在笔记中贴代码将变得如此简单!!

1.1. 功能截图

1.1. 功能介绍

注意: 现在Leanote集成的代码编辑器仅支持基于webkit的浏览器, 如chrome, safari, 对于ie, firefox代码编辑器还是之前的编辑器. 请使用chrome体验该功能. 我们会尽快将该功能兼容到firefox, ie 10+上.

Ace支持的功能, 比如以下常用的功能都支持:

  • 代码高亮
  • 行号
  • tab 增加缩进
  • shift + tab 减少缩进
  • 折叠代码
  • 搜索代码
  • ....

1.2 插入代码

插入代码的方式有以下两种:

  • 使用工具栏的"代码语言"
  • 使用快捷键 ctrl + shift + c / command + shift + c

在使用时, 可以先选择一段文本(也可以不选择, 或将光标放在某行上), 使其转换为代码.

如:

1. 选择文本:

2. 使用ctrl + shift + c 或 使用工具栏的"代码语言" 选择"javascript", 就会转换成代码编辑器:



1.3 选择特定语言高亮

Ace会根据特定的语言进行代码高亮, 请在工具栏上"代码语言" 上选择正确的语言, 以确保Ace能正确的解析.

1.4 转换代码到html

将代码转换到普通的html, 先focus代码, 再使用工具栏的"代码语言"的"Convert Code".

->切换成:

1.5 切换Ace与pre

可以通过代码编辑器左上角的checkbox将Ace与<pre>相互切换. 支持这个功能是为了在一些情况下不使用Ace编辑器:

在Ace模式下, 左上角的checkbox是勾选的, 

点击就会切换到pre

当然再次勾选又会切换到Ace模

ace 代码编辑器    2014-12-18 06:21:49    1781    5    3

引用 Leanote Github 上的一段话:

说实话, 我们曾是evernote的忠实粉丝, 但是我们也发现evernote的不足:

evernote的编辑器不能满足我们的需求, 不能贴代码(格式会乱掉, 作为程序员, 代码是我们的基本需求啊), 图片不能缩放. ...

这是我们开发Leanote的初衷, 为此, 我们在不断地努力, 让编辑知识更简单, 对于代码编辑这块, Leanote之前的做法是使用 pre(这也是富文本编辑器能用的做法), 将代码放在pre中, 但这这个代码编辑器是非常简单的, 没有行号, 没有高亮, 没有tab,shift+tab缩进...

我们一直为此努力, 希望能早日开发一款强大的代码编辑器, 在此期间, 我们也有一些小样品, 但功能始终不尽人意. 有一天, 我们跳出自己开发的思维, 为什么不将强大的Ace代码编辑器集成到Leanote富文本编辑器中呢?

现在, 我们已经成功将Ace集成到Leanote中, 在这里, 你可以享受到强大的代码编辑器. 当然肯定还有一些瑕疵, 但对于简单的代码编辑需求已经足够了, 尽情享受吧!

功能截图

功能截图

功能介绍

注意: 现在Leanote集成的Ace编辑器 仅支持基于webkit的浏览器 , 如chrome, safari, 对于ie, firefox代码编辑器还是之前的编辑器. 请使用chrome体验该功能. 我们会尽快将该功能兼容到firefox, ie 10+上.

Ace支持的功能, 比如以下常用的功能都支持:

  • 代码高亮
  • 行号
  • tab 增加缩进
  • shift + tab 减少缩进
  • 折叠代码
  • 搜索代码
  • ....

2.1 插入代码

插入代码的方式有以下两种:

  • 使用工具栏的"代码语言"
  • 使用快捷键 ctrl + shift + c / command + shift + c

在使用时, 可以先选择一段文本(也可以不选择, 或将光标放在某行上), 使其转换为代码.

如:

1 . 选择文本:

选择文本

2 . 使用ctrl + shift + c 或 使用工具栏的"代码语言" 选择"javascript", 就会转换成代码编辑器:

2.2 选择特定语言高亮

Ace会根据特定的语言进行代码高亮, 请在工具栏上"代码语言" 上选择正确的语言

ace code editor    2014-12-15 05:56:08    521    4    1

引用Leanote Github上的一段话:

说实话, 我们曾是evernote的忠实粉丝, 但是我们也发现evernote的不足:

  • evernote的编辑器不能满足我们的需求, 不能贴代码(格式会乱掉, 作为程序员, 代码是我们的基本需求啊), 图片不能缩放.
  • .....

为此, 我们在不断地努力, 让编辑知识更简单, 对于代码编辑这块, Leanote之前的做法是使用<pre>, 将代码放在<pre>中, 但这这个代码编辑器是非常简单的, 没有行号, 没有高亮, 没有tab,shift+tab缩进...

我们一直为此努力, 希望能早日开发一款强大的代码编辑器, 在此期间, 我们也有一些小样品, 但功能始终不尽人意. 有一天, 我们跳出自己开发的思维, 为什么不将强大的Ace代码编辑器集成到Leanote富文本编辑器中呢?

现在, 我们已经成功将Ace集成到Leanote中, 在这里, 你可以享受到强大的代码编辑器. 当然肯定还有一些瑕疵, 但对于简单的代码编辑需求已经足够了, 尽情享受吧!

1. 功能截图

2. 功能介绍

注意: 现在Leanote集成的Ace编辑器仅支持基于webkit的浏览器, 如chrome, safari, 对于ie, firefox代码编辑器还是之前的编辑器. 请使用chrome体验该功能. 我们会尽快将该功能兼容到firefox, ie 10+上.

Ace支持的功能, 比如以下常用的功能都支持:

  • 代码高亮
  • 行号
  • tab 增加缩进
  • shift + tab 减少缩进
  • 折叠代码
  • 搜索代码
  • ....

2.1 插入代码

插入代码的方式有以下两种:

  • 使用工具栏的"代码语言"
  • 使用快捷键 ctrl + shift + c / command + shift + c

在使用时, 可以先选择一段文本(也可以不选择, 或将光标放在某行上), 使其转换为代码.

如:

1. 选择文本:

2. 使用ctrl + shift + c 或 使用工具栏的"代码语言" 选择"javascript", 就会转换成代码编辑器:



2.2 选择特定语言高亮

Ace会根据特定的语言进行代码高亮, 请在工具栏上"代码语言" 上选择正确的语言, 以确保Ace能正确的解析.

2.3 转换代码到html

将代码转换到普通的html, 先focus代码, 再使用工具栏的"代码语言"的"Convert Code".

->切换成:

2.4 切换Ace