Home > Web Front-end > HTML Tutorial > Using Sublime Text as Markdown Editor_html/css_WEB-ITnose

Using Sublime Text as Markdown Editor_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 11:45:37
Original
1132 people have browsed it

Sublime Text 3 is an excellent text editor with many extensions. We can use these plug-ins to add extended functions to Sublime Text. Here we use two plug-ins to turn Sublime Text 3 into a Markdown editor.

1. Install the Markdown Editing and Markdown Preview plug-ins

We use Package Control to install the plug-in (if Sublime Text 3 has not installed Package Control, please refer here: Package Control Installation). Click Preferences --> select Package Control: intall, then select and install Markdown Editing and Markdown Preview in the plug-in library. Then restart Sublime Text 3, create a file with the suffix md, and start editing the Markdown file. Markdown Editing provides highlighting of Markdown format, as shown in the figure:

2. Use Markdown Preview to generate HTML

Enter Shift Ctrl P, enter Markdown Preview, you can See the following options:

With the options given, we can preview the effect of generating HTML in the browser, save it, or export the generated HTML file. Now we select the first option: Preview in Browser, and then select a CSS template that generates HTML, and you can see the generated HTML in the browser.

Customized shortcut keys

If we want to preview the effect directly in the browser, we can customize the shortcut keys: Click Preferences --> Select Key Bindings User, enter:

"keys": ["alt+m"], "command": "markdown_preview", "args": { "target": "browser"} 
Copy after login

After saving, directly enter the shortcut key: Alt M to preview the generated HTML file directly in the browser.

Set syntax highlighting and mathjax support

In Preferences -> Package Settings -> Markdown Preview -> Setting Default:

/*   Enable or not mathjax support.*/"enable_mathjax": false,/*    Enable or not highlight.js support for syntax highlighting.*/"enable_highlight": false,
Copy after login

Change the two false to true.

Postscript

I originally used markdownPad2. This editor is also very easy to use, but it can only support original Markdown parsing. If you want to use extended syntax such as Table, you need to use a paid one. version; the Atom editor also has built-in (plug-in) support for markdown, but due to its architecture, the startup speed will be slower, especially for machines whose hard disks are not SSD, so for those who often use Sublime as the main editor ( Writing code snippets), I finally chose to use Sublime as the Markdown editor.

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template