安装配置
需要先安装配置 Golang,然后安装配置 beego,beego是一个使用 Go 的思维来帮助您
构建并开发 Go 应用程序的开源Web开发框架,beego的中文文档很友好,请自行查看 beego
安装配置完成之后,使用 bee命令创建工程
说明: 使用beego框架开发,后台数据库是 MongoDB,编辑是 Mardkdown
bee new blog// 目录结构如下├─conf ├─controllers ├─models ├─routers ├─static│ ├─css │ ├─img │ └─js ├─tests └─views
使用 bee run,请在浏览器打开 127.0.0.1:8080就能看到效果了
markdown编辑器
使用的是 SimpleMDE来定制个人的markdown编辑器,关于 SimpleMDE的相关的配置请参考这篇文章 beego框架默认支持后缀是 tpl 和 html的模板
在views中创建editor.html
在 static中引入
simplemde.min.css
对simplemde.min.css稍微改造一下,添加一个标题和发布按钮,默认全屏并显示预览界面,SimpleMDE
的核心配置如下:
var simplemde = new SimpleMDE({ element: document.getElementById("editor"), status: false, autoDownloadFontAwesome: false, tabSize: 4, renderingConfig: { codeSyntaxHighlighting: true
},
});
simplemde.toggleSideBySide();添加一个 Editor 的控制器
在 controllers中添加文件 editor.go
package controllersimport "github.com/astaxie/beego"type EditorController struct {
beego.Controller
}
func (this *EditorController) Get() { this.TplName = "editor.html"}添加对应的路由
在 routers/router.go中添加路由映射
beego.Router("/editor", &controllers.EditorController{})在浏览器中输入地址 127.0.0.1:8080/editor 查看效果
作者:CoderMiner
链接:https://www.jianshu.com/p/a5c489fd57e4
點擊查看更多內容
為 TA 點贊
評論
評論
共同學習,寫下你的評論
評論加載中...
作者其他優質文章
正在加載中
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
