NoneCMS 使用Markdown编辑器- nango的博客

NoneCMS 使用Markdown编辑器

作者:nango 阅读:2019次来源:原创时间:2017-06-19 11:00

NoneCMS 在V1.2.0版本添加了Markdown编辑器，你可以在Ueditor和Markdown之间随意切换。

下面说一下怎么在NoneCMS中使用Markdown：

首先，把你的代码更新为最新的版本，或者下载v1.2.0补丁包进行升级。 然后登录后台管理，在系统设置中可以看到编辑器选择项，选择Markdown选项，点击保存，接下来在文章添加、产品添加、单页内容页面的编辑器都会切换为Markdown。接下来你就可以随意添加内容了，Markdown的语法，具体使用可以参照：http://pandao.github.io/editor.md/

需要说明的是，这里Markdown编辑的内容，存入数据表中时是存的Markdown格式的字串，并没有转化为html格式；这里也是出于几点考虑：

1：转化为html格式字串会无端占用表空间；一行Markdown格式的代码，可能转化为Html十几行的代码。 
2：即便转化为了html格式，在前台展示时，代码依然不能高亮，还需要引入相应js来进行编译

基于以上两点，所以在前台展示Markdown代码时，我们需要引入相应的js并且进行实例化操作；具体如下：
```html
<div class="z_con" id="test-editormd-view2">
	<h1 align="center">{$content.title}</h1><br/><hr/><br/>
	
	<#textarea style="display:none;">{$content.content}</#textarea>
</div>
```
```javascript
<link rel="stylesheet" href="/static/common/plugin/editor.md/css/editormd.preview.css" />
<script src="/static/common/plugin/editor.md/lib/marked.min.js"></script>
<script src="/static/common/plugin/editor.md/lib/prettify.min.js"></script>

NoneCMS 使用Markdown编辑器

NANGO

文章分类

最新文章

文章归档