用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/

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

版权信息

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

更新时间：2022-09-24 阅读：42次