All Projects → pingao777 → markdown-preview-sync

pingao777 / markdown-preview-sync

Licence: other
A quasi real-time vim markdown preview plugin | 第一款基于Java的Vim Markdown预览插件

Programming Languages

java
68154 projects - #9 most used programming language
CSS
56736 projects
HTML
75241 projects
Vim Script
2826 projects
javascript
184084 projects - #8 most used programming language
python
139335 projects - #7 most used programming language

Projects that are alternatives of or similar to markdown-preview-sync

Traces.vim
Range, pattern and substitute preview for Vim
Stars: ✭ 568 (+914.29%)
Mutual labels:  vim-plugin, preview
vim-colors-pencil
Light (& dark) color scheme inspired by iA Writer
Stars: ✭ 564 (+907.14%)
Mutual labels:  vim-plugin
vim-lamp
💡Language Server Protocol client for Vim.
Stars: ✭ 34 (-39.29%)
Mutual labels:  vim-plugin
fzf-preview.vim
fzf ❤️ preview
Stars: ✭ 49 (-12.5%)
Mutual labels:  vim-plugin
react-file-input-previews-base64
This package provides an easy to use, ready to go and customizable wrapper around file input, with option for image previews and returning file as base64 string.
Stars: ✭ 15 (-73.21%)
Mutual labels:  preview
vim-high
Vim plugin: All-in-one highlighter, highlight custom pattern like indentation, inactive window, word under the cursor
Stars: ✭ 20 (-64.29%)
Mutual labels:  vim-plugin
vue-active-preview
🌲 A PhotoSwipe Image Preview component for Vue
Stars: ✭ 22 (-60.71%)
Mutual labels:  preview
LeaderF-snippet
Intuitive Way to Use Snippet
Stars: ✭ 38 (-32.14%)
Mutual labels:  vim-plugin
fzf-checkout.vim
Manage branches and tags with fzf
Stars: ✭ 187 (+233.93%)
Mutual labels:  vim-plugin
bolt.nvim
⚡ Ultrafast multi-pane file manager for Neovim with fuzzy matching
Stars: ✭ 100 (+78.57%)
Mutual labels:  vim-plugin
lfimg
Image preview support for lf (list files) using Überzug
Stars: ✭ 174 (+210.71%)
Mutual labels:  preview
Dot-It-Up
A collection of dotfile scripts, plugins, and clever hacks so that you can become the master of your own OS! 🚀
Stars: ✭ 254 (+353.57%)
Mutual labels:  vim-plugin
clojure.vim
Clojure syntax highlighting for Vim and Neovim.
Stars: ✭ 23 (-58.93%)
Mutual labels:  vim-plugin
vim-rec
GNU Recutils syntax highlighting support for Vim
Stars: ✭ 30 (-46.43%)
Mutual labels:  vim-plugin
nan vimrc
A Vim configuration for SSH client to edit on a remote Linux host.
Stars: ✭ 15 (-73.21%)
Mutual labels:  vim-plugin
vim-terminal
A Vim plugin that opens an interactive terminal in a buffer for running programs
Stars: ✭ 45 (-19.64%)
Mutual labels:  vim-plugin
mup
A markup previewer
Stars: ✭ 38 (-32.14%)
Mutual labels:  preview
SimpleSnippets.vim
Simple snippet support for your Vim and Neovim
Stars: ✭ 86 (+53.57%)
Mutual labels:  vim-plugin
file-upload-with-preview
🖼 Simple file-upload utility that shows a preview of the uploaded image. Written in TypeScript. No dependencies. Works well with or without a framework.
Stars: ✭ 406 (+625%)
Mutual labels:  preview
ISVImageScrollView
Image preview component with zoom, scroll and rotation support
Stars: ✭ 28 (-50%)
Mutual labels:  preview

[TOC]

A quasi real-time vim markdown preview plugin

snapshot-en

snapshot-ch

Feature

  • Code Highlight
  • MathJax
  • Custom CSS
  • GFM-Table
  • TOC

Prerequisite

  • Jre8 or above
  • Vim with python2 or python3 support

Installation

If you use pathogen, do this: unzip release file markdown-preview-sync.zip to bundle directory.

If you don't use any plugin manager, just unzip release file markdown-preview-sync.zip, then copy files in /autoload and /plugin to Vim's /autoload and /plugin directory.

Setting

" Both Chrome and Firefox are good, but Chrome is prefer
" Set Chrome path
let g:markdown_preview_sync_chrome_path = ""

" Set Firefox path
let g:markdown_preview_sync_firefox_path = ""

" (Optional)Set your own css theme, put your css file in
" autoload/java/webapp/css directory with a name: name-theme.css,
" then set
let g:markdown_preview_sync_theme = "name"

" Set key
autocmd filetype markdown nnoremap <F9> :MarkSyncPreview<cr>
autocmd filetype markdown nnoremap <S-F9> :MarkSyncClose<cr>

Last but not least, comments and issues are welcome.


一款准实时的Vim Markdown预览插件

下面简单介绍下这款插件:

特性

  • 代码高亮
  • MathJax
  • 自定义CSS
  • GFM-Table
  • 目录TOC

安装准备

  • Jre8及以上
  • Vim支持python2或python3

安装方式

如果你使用pathogen,将release中的markdown-preview-sync.zip解压到bundle文件夹即可。

如果你没有使用任何插件管理工具,解压release中的markdown-preview-sync.zip,然后将/autoload和/plugin目录中的文件分别放在Vim的/autoload和/plugin目录即可。

设置

" Chrome和Firefox都可以,推荐使用Chrome
" 可以这样设置Chrome路径
let g:markdown_preview_sync_chrome_path = ""

" 设置Firefox浏览器路径
let g:markdown_preview_sync_firefox_path = ""

" (Optional)设置自定义CSS主题,将你的CSS文件放在autoload/java/webapp/css文件夹下,
" 以“主题名-theme.css”方式命名,然后设置如下变量
let g:markdown_preview_sync_theme = "主题名"

" 配置快捷键
autocmd filetype markdown nnoremap <F9> :MarkSyncPreview<cr>
autocmd filetype markdown nnoremap <S-F9> :MarkSyncClose<cr>

最后,欢迎大家多多提意见和建议。

后记:作为Vim粉丝一枚,一直在寻找一款好用的Markdown预览插件,功能要简单,能在书写之余偶尔撇一下效果即可,毕竟Markdown语法都烂熟于心了。先是偶然看到了Chrome一款插件Markdown Viewer,风格非常喜欢,遗憾的是不能与Vim同步,后来又发现一款Vim插件markdown-preview.vim,但是我装了好几次,在我的机器上老是报错。故事本来到此就结束了,但是程序猿乞肯如此轻易屈服,程序猿要让这天,再遮不住眼,要这地,再埋不了心,程序猿要用自己的双手开天辟地!经过程序猿在键盘上一顿猛干,markdown-preview-sync横空出世了!好了,就吹到这吧。

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].