用vim打造强大的markdown编辑器(CoffeeScript也是类似的)(含视频)

用vim打造强大的markdown编辑器(CoffeeScript也是类似的)(含视频)

介绍

网上有很多 在线markdown编辑器 , 当你在文本框内输入markdown后, 在右侧就同步显示相对应的HTML.
根据该原理, 可以制作一个vim版的markdown编辑器. 由于vim不是web浏览器, 就在右侧显示HTML代码吧!

另外, 如果你使用vim写 CoffeeScript 的话, 本文也许对你有用.

工具 vim - 高级文本编辑器 firefox - 网页浏览器 markdown - markdown解析器 pandoc - 增强版markdown解析器 tidy - HTML格式化工具

配置

  " vimrc4md 
 " Kev++@2012-06-27 

 " 基本配置 
 set   nocompatible 
 set   autoread 
 set   autoindent 
 set   expandtab   tabstop  =  4   softtabstop  =  4   shiftwidth  =  4 
 set   laststatus  =  2 
 set   mouse  = a
 set   t_Co  =  256 

 " 转换Markdown为HTML 
 let  mapleader  =   ',' 
nnoremap  < leader >  f   : silent  !   ! firefox % < CR > 
nnoremap  < C -  m  >        !! markdown < CR > 
vnoremap  < C -  m  >        ! markdown < CR > 
nnoremap  < C -  p  >        !! pandoc < CR > 
vnoremap  < C -  p  >        ! pandoc < CR > 

 " 启用语法侦测 
 syntax   on 

 " 自动化命令 
au  FileType  markdown         let  & l : mp  =  'pandoc % \| tidy -q -i -utf8 --doctype omit --tidy-mark 0 --show-errors 0 -o %:r.html' 
au  FileType  markdown        nnoremap  < buffer >   < F5 >  : write  \ |   silent   make  \ |   redraw  !< CR > 
au  BufWrite  *.markdown      exe  "normal \<F5>" 

 " 提取文章标题 
 com  !   -  bar  TOC  call  TOC () 
 fun  !  TOC () 
     call  setloclist (  0  ,  [] ) 
     let  save_cursor  =  getpos (  "."  ) 
     call   cursor  (  1  ,   1  ) 
     let  flag  =   'cW' 
     while  search (  "^#"  ,  flag )   >   0 
         let  flag  =   'W' 
         let  msg  =  printf (  '%s:%d:%s'  ,  expand (  '%'  ),  line (  '.'  ),  substitute ( getline (  '.'  ),   '#'  ,   '?'  ,   'g'  )) 
        laddexpr msg
     endwhile 
     call  setpos (  '.'  ,  save_cursor ) 
     silent  !   call  ToggleLocationList () 
endfun

 " 配置插件 
 let  g:alternateExtensions_html  =   'markdown' 
 let  g:alternateExtensions_markdown  =   'html' 
 set   rtp  +=~  /.vim/ bundle /powerline/ 
 set   rtp  +=~  /.vim/ bundle /alternate/ 
 let  g:Powerline_symbols  =   'fancy' 
 

说明 如果你还不知道alternate, powerline等vim插件, 请参考:  http://hjkl.me/vim/2012/06/14/vim-plugin.html 制作视频过程中, 一不小心就用了 table 插件.

视频演示 下载 优酷  http://v.youku.com/v_show/id_XNDIwNTI3MTky.html

 

 

标签:  screencast

绿色通道：  好文要顶   关注我   收藏该文 与我联系  

 

 

作者： Leo_wl

　　　　

出处： http://www.cnblogs.com/Leo_wl/

　　　　

本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

版权信息

查看更多关于用vim打造强大的markdown编辑器(CoffeeScript也是类似的)(含视频)的详细内容...

声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did48672