网站内容编辑器(网站中如何集成markdown编辑器整体的操作流程，新手必看 )

　　网站内容编辑器(网站中如何集成markdown编辑器整体的操作流程，新手必看

)

　　Markdown 是一种可以用通用文本编辑器编写的标记语言。通过简单的标记语法，可以使普通文本内容具有一定的格式。它使用简洁的语法而不是排版，不像我们一般使用的文字处理软件，比如Word，有大量的排版和字体设置。这让我们可以专注于码字而不需要额外的布局修改，简单方便。很多站长编辑喜欢用markdown写文章。简书、开源中国等平台都支持markdown编辑，所以最近好像把markdown集成到他们的博客网站上。

　　我的博客是使用禅智系统搭建的。目前没有现成的markdown插件，只好自己做，吃饱穿暖。你可以使用不同建站系统开发的网站，不过不用担心，markdown的集成很简单。虽然系统可能不同，但原理是相同的。这里以我自己的站点为例，不多说Cicada的讲解知道系统的内部集成，只是演示一下整体的操作流程，供大家参考。

　　操作流程：

　　首先，我们需要先下载解释器showdown.js，入口：

　　然后在内容编辑页面的模板文件中引入showdown.js。

　　同时引入如下JS代码：

　　function compile(){

var text = document.getElementById("content").value;

var converter = new showdown.Converter();

var html = converter.makeHtml(text);

document.getElementById("result").innerHTML = html;

}

　　上面代码中，text是获取你输入的markdown语法的文章内容，然后实例化解释器对象，然后用解释器将你输入的文章内容翻译成目标样式界面内容，即 html ，然后输出。

　　注：根据不同系统的具体操作，有些可能涉及到数据库字段的创建等。由于系统架构和扩展原理不同，引入代码的方式也不同。

　　通过上面的操作原理，我在自己的博客中集成了一个markdown编辑器。编辑预览同步，所见即所得，操作简单。我们先来看看效果。

　　以上分享给大家如何在网站中集成markdown编辑器。您可以在自己的网站上试用。如果您有任何问题或经验，请与您分享。