nodejs实战笔记之nodejs+mongodb搭建个人博客(五)

原创 xiaoyu7 教程 nodejs 2484阅读 2016-01-20 21:40:24 举报

2.5 使用KindEditor

博客使用了 Markdown 来写文章,假如普通用户使用的话不懂什么是 Markdown ,加之 Markdown 的表现力还并不是很丰富。这个时候,不妨试试 KindEditor。

什么是 KindEditor

KindEditor 是一套开源的在线 HTML 编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。KindEditor 使用 JavaScript 编写,可以无缝地与 Java、.NET、PHP、ASP 等程序集成,比较适合在 CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。

使用 KindEditor

到官网 http://www.kindsoft.net/ 下载最新的 KindEditor 压缩包,解压后将文件夹重命名为 kindEditor 并放到 public 文件夹下。

nodejs实战笔记之nodejs+mongodb搭建个人博客(五)

注意:可以根据自己需求删除文件夹或文件,删除以下文件夹:

asp - ASP程序
asp.net - ASP.NET程序
php - PHP程序
jsp - JSP程序
examples - 演示文件
首先,我们来将多行文本输入框(textarea)替换为 kindEditor 编辑器。打开 header.ejs ,在:

<link rel="stylesheet" href="/stylesheets/style.css">
下一行添加如下代码:

javascript 代码片段

上面使用 KindEditor 默认的(default)编辑器样式

最后,删除有关转换 Markdown 的代码。打开 post.js ,删除:

markdown = require('markdown').markdown
删除 Post.getTen 内的:

docs.forEach(function (doc) {
doc.post = markdown.toHTML(doc.post);
});
删除 Post.getOne 内的:

doc.post = markdown.toHTML(doc.post);
doc.comments.forEach(function (comment) {
comment.content = markdown.toHTML(comment.content);
});
现在,就可以使用KindEditor啦

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复