怎样引导新手使用 markdown在线编辑器

Teambition | 新功能
新增「记账」功能:轻松记录每一笔收支
一、新增「记账」功能:轻松记录每一笔收支
对大型的广告公司,或外包团队来说,财务的收支账单总是以项目为单位进行结算的,传统的审批流程往往需要人工导入至 Excel :进行报销单的申请、提交审批。这十分费力。
现在, Teambition 加入了记账功能,帮助企业了解各项目下的收支详情,汇总企业所有的相关账目审批,收支明细一目了然。
在记账开始之前,设置账目审批人,只有审批人可以审批各条账目。审批人一般是企业或团队的会计。
查找相关账目
在筛选和设置下,你可以查找关键词,并可根据时间段、类型、创建者筛选相关帐目。如需快速查看未完成的审批账目,选择隐藏已经审核的账目。
二、新增「组织」目录:切换组织更方便
当你拥有多个组织时,一级导航栏新增的「组织」目录,可以让你在组织间切换变得更为方便。
分享墙「支持 Markdown 文档」
一、分享墙「支持 Markdown 文档」
常常收到一些团队的来信,他们在线下会产出很多知识共享的文档,这些文档是使用 Markdown 编写的。现在,你可以直接复制粘贴 Markdown 代码,就可以把排版好的内容直接共享在 Teambition 分享墙,毋需重新编辑。
二、新增「Google 身份验证器」:两步验证,账户更安全
Google 身份验证器(Google Authenticator),是 Google 推出的一款动态口令工具。现在,我们新增了两步验证管理,只多一小步,为账户带来额外的安全层。
启用两步验证管理后,在你登录 Teambition 账户时,除输入账号密码之外,还需要输入 Google 身份验证器生成的验证码才能登录,为你的账户增加安全保障。
三、其他重大更新
优化新手引导
新增「转换为参与者可见」
一、新增「转换为参与者可见」
现在,在创建一个任务、分享、日程之后,于右上角详情菜单,你可以选择将默认状态的「所有成员可见」转换为「仅参与者可见」。
二、其他重大改进
增加触摸屏的拖拽支持。
「公开项目板」上线
一、「公开项目板」上线
为什么要公开项目?
如果你已经熟悉和了解 Teambition,你可以利用新上线的「公开项目板」实现更多功能:例如把项目板用作是一个小规模公开讨论的社区,用于公开组织活动,与用户互动和共享产品进度等等。
「私有项目」跟以前一样,仍然只有项目成员可见;「公开项目」则对所有访客可见,你还可以把公开项目板直接通过微博和邮件分享出去。
公开你的项目
如果你是项目拥有者,你可以在项目设置里切换项目权限,把「私有项目」转化为「公开项目」,但原先「仅参与者可见」的任务不会被公开。你也可以在一个「私有项目」里新建仅参与者可见的任务。
当你看到一个你喜欢的公开项目板时,你可以将其加星收藏到项目首页的「星标项目」里。
二、新增「点赞」功能
在文件、日程、任务、分享里,你都可以在评论框右侧点赞。
三、新增「项目复制」
我们新增了项目复制功能。私有项目只能被拥有者复制,公开项目能被任何人复制。
四、任务筛选新增「今日更新」
现在,我们为筛选功能新增了「今日更新」选项。多重筛选,帮助你回顾及管理任务面板。
五、新增订阅项目中任务至日历
现在,你不仅仅可以把「我的任务」、「我的日程」订阅至日历软件中,你还可以订阅项目任务。从今天开始,在你最喜欢的日历软件里查看所有任务信息。
Android 新版 3.0 发布:根据 Material Design 进行的全新设计
一、根据 Material Design 进行的全新设计
新版 Teambition 应用新增了 Android 5.0 Lollipop(棒棒糖)的支持,并根据 Material Design 全新设计了 Teambition 移动客户端。
二、文件库支持原图预览
新版 Android 客户端已支持文件库预览原图。直接点击你想要预览的文件,即可完整地查看清晰原图。
三、全局添加
不论是在项目主页,还是在项目内,界面右下方都会浮动显示「全局添加」按钮,方便你随时随地添加一个新任务、新分享、新文件、新日程,或是新项目。
想要更流畅的体验吗?:
或扫描二维码
新增「文件库批量下载」功能
一、新增「文件库批量下载」功能
现在,你可以批量下载文件库中所需文件了,批量下载,更简单快捷。
相关用法案例:
二、新增「文件库排序」功能
文件库中的文件现已支持排序功能。单击“名称”,你就可以按照「文件名称」、「文件大小」和「更新时间」进行排序。
三、组织用户新增「所有成员」团队
「团队管理」是企业版功能,帮助你快速搭建组织结构,管理项目访问权限。
组织用户设置团队后,在项目内的任务板与分享墙讨论中,你可以一键快速添加团队全部成员。
现在,我们新增「所有成员」团队,协作就是那么简单。
新增任务筛选功能
新增任务筛选功能
一、新增任务筛选功能
我们优化了任务分组侧边栏,同时新增了任务筛选功能。
进入组织项目后,在右侧的「筛选和编辑」侧边栏下,你可以对标签、成员和关键字进行多重筛选,快速查找任务。
任务分组的编辑功能现也移动至右侧的「筛选和编辑」下,你可以在这里进行任务分组编辑、将此任务分组保存为任务分组模板。
此外,我们也更新了创建新项目和新组织后的引导界面。
用法案例前往:
优化搜索界面
一、优化搜索界面
我们优化了全局搜索界面。当你搜索关键字时,搜索结果会按任务、分享文件或日程分类显示。快速搜索,查找你所需的内容。
二、优化文件预览界面
现在,当你打开从文件库上传的文件时,在文件预览界面,右下方,选择“前往文件夹”,即可在找到该文件在文件库中的位置。
三、新增新注册用户引导提示
我们重新设计了新注册用户首次登录时的引导提示,来帮助你快速熟悉 Teambition。
开始体验吧,享受快乐的工作。Make work enjoyable!
新增关联对象功能
一、新增关联对象功能
现在,任务板、分享墙、文件、日程都不再是孤零零的、独立的存在了,我们将它们联系得更紧密,通过「关联」简单方便地联结在一处。
因此,当你关联任务、分享、文件或日程后,你可以在页面内预览相关内容,并在「动态」中查看关联内容的更新信息。
如何使用「关联」功能,降低产品研发和市场团队的沟通成本
当产品研发团队在「新功能上线项目」中,创建分享墙以及日程通知其他团队:新功能即将在下周二上线,与此同时,市场团队便要开始准备新功能上线的运营计划了。
很多时候,市场团队写产品说明,需要看设计稿和设计讨论,往往需要用到设计项目的内容,这时,有设计项目权限的成员只要把相关的内容「关联」进入该「新功能上线项目」即可,不必复制搬运或仅仅为了一个文件把人加入整个项目。
开始体验吧。Make work enjoyable!
新增快速批量创建任务
一、新增快速批量创建任务
如果你想要从 Excel 或其他编辑器里复制多条任务到 Teambition 的话,现在我们为此提供了更好的支持。当 Teambition 检测到粘贴或输入的内容是多行文本内容时,将会提示“是否创建多条任务”,你可以就此选择批量创建新任务。
二、项目切换菜单新增「查找项目」功能
我们在项目切换菜单里新增了「查找项目」功能,你可以在搜索框里输入自己想要查找的项目,来进行快速切换——如果你在 Teambition 上创建了大量项目的话,这将会为你带来很大的便利。
三、「我的任务」新增标签内容
在「我的任务」列表下,你也可以直接查看相应任务的标签了。
享受快乐的工作,随时与我们联系。Make work enjoyable!
您的支持,就是我们更新的动力一段 JS 代码让 Markdown 自动生成目录
· 84 天前 · 916 次点击
文章来自:
已经习惯了使用Markdown书写文章,既方便也通用。
但一直在想:应该生成一个方便的导航目录,这样查看文章会更方便。于是有了本文。
//放入在文章页内容前面
&div class=&BlogAnchor&&
&b id=&AnchorContentToggle& title=&收起& style=&cursor:&&目录[-]&/b&
&div class=&AnchorContent& id=&AnchorContent&& &/div&
//在文章中查找title并填充到div AnchorContent中
$(&.post-content&).find(&h2,h3,h4,h5,h6&).each(function(i,item){
var tag = $(item).get(0).localN
$(item).attr(&id&,&wow&+i);
$(&#AnchorContent&).append('&li&&a class=&new'+tag+' anchor-link& onclick=&& href=&#& link=&#wow'+i+'&&'+(i+1)+& · &+$(this).text()+'&/a&&/li&');
$(&.newh2&).css(&margin-left&,0);
$(&.newh3&).css(&margin-left&,20);
$(&.newh4&).css(&margin-left&,40);
$(&.newh5&).css(&margin-left&,60);
$(&.newh6&).css(&margin-left&,80);
$(&#AnchorContentToggle&).click(function(){
var text = $(this).html();
if(text==&目录[-]&){
$(this).html(&目录[+]&);
$(this).attr({&title&:&展开&});
$(this).html(&目录[-]&);
$(this).attr({&title&:&收起&});
$(&#AnchorContent&).toggle();
.BlogAnchor {
background: #f4f7f9;
padding: 10
line-height: 180%;
.BlogAnchor p {
font-size: 18
color: #15a230;
margin-bottom: 0.3
.BlogAnchor .AnchorContent {
padding: 5px 0
.BlogAnchor li{
text-indent: 20
font-size: 14
#AnchorContentToggle {
font-size: 13
font-weight:
color: #FFF;
display: inline-
line-height: 20
background: #5cc26f;
font-style:
padding: 1px 8
margin-right: 10
.BlogAnchor a:hover {
color: #5cc26f;
.BlogAnchor a {
text-decoration:
同时也可以实现锚点之间的平滑滚动,使用jquery animate
$(&.anchor-link&).click(function(){
$(&html,body&).animate({scrollTop: $($(this).attr(&link&)).offset().top}, 1000);
具体效果参考本文
文章来自:
6 回复 &| &直到
22:55:49 +08:00
& &84 天前
LZ你贴的链接不对哦,贴成admin后台的链接了
& &84 天前
@ 擦,错了,[这个](/markdown_catelog.html)
& &84 天前 via Android
不同的渲染工具有同样的效果码?
& &84 天前
@ 效果都是CSS控制,一样的
& &84 天前
哈哈,自己也写了一个,不依赖任何js库,支持点击跳转~~
& &84 天前
& · & 997 人在线 & 最高记录 1269 & · &
创意工作者们的社区
Lovingly made by OLIVIDA
VERSION: 3.7.1 · 34ms · UTC 04:41 · PVG 12:41 · LAX 20:41 · JFK 23:41? Do have faith in what you're doing.头条主编贡献榜
选择上传图片
文件最大5 MB
Markdown编辑入门
段落和换行
一个段落是由一个以上相连接的行句组成,而一个以上的空行则会切分出不同的段落。
如果你想要插入换行符的话,在行尾加上两个以上的空白,然后按Enter。
Markdown支持两种标题的语法。wiki 编辑器使用 &atx&-style 的标题. Atx形式是在行首插入1到6个 # 对应1到6个级别的标题。 例如: # Header 1, ## Header 2 和 ### Header 3 将以此递减. 你也可以在行尾加上#。
区块引言 Blockquotes
Markdown使用email形式的区块引言,每行的最前面加上&. Markdown也允许你只在整个段落的第一行最前面加上&。
Markdown支持有序清单和无序清单。 创建一个有序列表只需要在每一行前加上一个数字和英文句点。 如果创建一个无序列表, 你可以在每一行前加上 *, + 或 -.
列表项可以包含多个段落,每个项目下的段落都必须缩排 4 个空格或是 1 个 tab 。
和程序相关的写作或是标签语言原始码通常会有已经排版好的代码区块,通常这些区块我们并不希望它以一般段落文件的方式去排版,而是照原来的样子显示。要在 Markdown 中建立代码区块很简单,只要简单地缩进 4 个空格或是 1 个 tab 就可以 。
需要高亮显示的语言代码块,可以使用```语言类型来标明例如
```c++#include "stdlib.h"int main(){&&&&}```
可以显示为
#include "stdlib.h" int main(){ &&&&return; }
Code会自动感知语言,```后面可以不指定语言。
你可以在一行中用三个以上的星号、减号、下划线来建立一个分隔线,行内不能有其他东西。你也可以在星号或是减号中间插入空格。
Markdown 支持两种形式的链接语法: 行内式 和 参考式。不管是哪一种,链接文字都是用 [方括号] 来标记. 例如,如果要链接显示为 &Code&, 就直接写 [Code].
要建立一个行内式的链接,只要在方块括号后面紧接着圆括号并插入网址链接即可 (例如: [Code](http://code.csdn.net/))。 如果你是要链接到同样主机的资源,你可以使用相对路径。
参考式链接需要用两个方括号来标示[my internal link][Code] 将会链接到一个参考链接 Code。
参考式连接的声明方式为中括号后跟冒号,例如[Code]: http://code.csdn.net
Markdown 使用星号 (*) 和下划线 (_) 作为标记强调字词的符号。 被单个星号 (*) 或下划线 (_)包围的文字通常显示为斜体, 被双星号 (**) 或双下划线(__) 包围的文字则显示为粗体。你可以随便用你喜欢的样式,唯一的限制是,你用什么符号开启标签,就要用什么符号结束。
例如:, **My double emphasis text** 显示为 My double emphasis text, *My single emphasis text* 显示为 My single emphasis text。
如果要标记一小段行内代码,你可以用反引号把它包起来 (`). Markdown 将把 `myFunction` 转成 myFunction。
Markdown 使用一种和链接很相似的语法来标记图片。用法为: 1 个惊叹号(!), 接着一个方括号,里面放上图片的替代文字,接着一个普通括号,里面放上图片的网址. 例如, 你想使用链接图片http://code.csdn.net/unicorn.png 并显示链接为My Unicorn, 可以这样写 ![My Unicorn](http://code.csdn.net/unicorn.png)。
Markdown 支持以比较简短的自动链接形式来处理网址和电子邮件信箱,只要尖括号& & 括起来, Markdown 就会自动把它转成链接。一般网址的链接文字就和链接地址一样,例如: 例如: 链接 可以写成 &https://code.csdn.net/&。
Markdown 可以利用反斜杠来插入一些在语法中有其它意义的符号,例如:如果你想要用星号加在文字旁边的方式来做出强调效果, 而不是显示为标题, 你可以在星号的前面加上反斜杠 (\\*)。温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!&&|&&
LOFTER精选
阅读(137)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
loftPermalink:'',
id:'fks_',
blogTitle:'Markdown的简介(转)',
blogAbstract:'欢迎使用 Cmd - 在线 Markdown 编辑阅读器*我们理解您需要更便捷更高效的工具记录思想,整理笔记、知识,并将其中承载的价值传播给他人,Cmd Markdown 是我们给出的答案 —— 我们为记录思想和分享知识提供更专业的工具。 您可以使用 Cmd Makrdown:
整理知识,学习笔记
发布日记,杂文,所见所想
撰写发布技术文稿(代码支持)
撰写发布学术论文(LaTeX 公式支持) 这是一份 Cmd Markdown 的欢迎稿兼使用说明,请保留,如需撰写 ',
blogTag:'',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:0,
publishTime:6,
permalink:'blog/static/',
commentCount:0,
mainCommentCount:0,
recommendCount:0,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'',
hmcon:'0',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人:
{list a as x}
{if !!b&&b.length>0}
他们还推荐了:
{list b as y}
转载记录:
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}Markdown——让你专注写作
Markdown——让你专注写作
前些日子,写作的时候总会因为排版而耽误时间,甚至因为排版而把写作的专注力转移到了貌似相关的排版上。诚然,一个好的排版,会让读者有良好的体验,可是对于写作的人来说,这却会降低写作效率。
为了解决这个问题,我想到曾经我写过Wiki,那有没有一种似的标记语言用于平时的写作。度娘之,谷歌之,果真有神奇——MarkDown,一种轻量级的标记语言。且在社区内十分流行。
一、为什么
在一般写作时我们经常会遇到下面的问题:
1.难以专注于写作本身。
在写作的时候会浪费时间在程序本身上,有时突然的崩溃,让你暂停进度,有时写着写着就会被其花哨的功能吸引去部分精力。再者就是聊着天写作,写作不能专心。
2.徒劳精力于各种排版。
在使用编辑软件,如Word时,常常边写作边排版,经常纠结于怎么没这个字体,怎么行高不对了,等等。但是对于写作来说,你是在进行一种”创作“,你需要一种思维的连贯,而不是让你写一篇格式规范的论文。
3.无奈重复于版本跟踪。
在写作的过程中,为了便于修订,总有各种版本的文档,从V1.0到V20.0的无数...修订和审阅也非常麻烦。
二、是什么
简单来说Markdown
是一种能将便携文本输出为HTML的轻量级标记语言,其目的是“成为一种适用于网络的书写语言”,避免在写文档时一些排版上的问题。
Markdown 的理念是,能让文档更容易读、写和随意改。HTML 是一种发布的格式,Markdown
是一种书写的格式。就这样,Markdown 的格式语法只涵盖纯文本可以涵盖的范围。
足够简单,5分钟掌握
语法要素同写作一致
转换格式丰富
四、编辑工具
在线MarkDown编辑:
Linux平台:
当然在Win和Linux上,Vim 和 Emacs 都是神器级的编辑软件,当然支持
Mac 中很多此类软件。
MarkDown For Chrome插件
,增加了自动重载预览文件的功能,需下载开发包,使用开发模式安装。配合使用文本编辑软件,可以实现一边编辑,一边在Chrome中预览。
,可以再Chrome中进行所见即所得的编辑
GreaseMonkey 脚本:
,此脚本会在文本域的左下角新增一个 Markdown 按钮,输入各种包含 Markdown
的文字之后,点击它就可以把代码转化为为 HTML。
五、其他相关内容
 文章介绍了把Markdown
和 LaTeX 想结合的办法,写论文的童鞋可以看看。
六、我有话说
通过简单介绍了Markdown,相比朋友们都有所了解,这个语言简单的的确仅仅花几分钟的时间就能学会。且非常方便的用于日常的写作管理上。
最近的几篇博文,我都是使用这个方法完成的,简单方便,便利不言而喻。
但是因为Markdown仅仅提供了少部分的格式需求,虽然已经够用了,但还是和我以前用Wiki的那种标记语言比有点薄弱,为什么它能如此流行,就是因为它太简单,可是简单的东西往往也不会太复杂的表现内容。
因此,我搜索发现有Markdown的增强版本:、
还有类似 的增强语言:Textile、RestructuredText等。
只是还没发现能在win上运行的支持 Multi的预览软件,这几天再查查有没在更丰富的改进版本。
已投稿到:
以上网友发言只代表其个人观点,不代表新浪网的观点或立场。}

我要回帖

更多关于 markdown 编辑器 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信