上一篇:《我用Python写网站05》文章编辑
使用Editor.md美化文章编辑页面
写在前面
上一篇我已经搞定了文章编辑,能够使用textarea
标签写文章。但是,作为一个博客网站,文章编辑是核心中的核心,直接决定用户码字体验。所以,做一个界面优美,工具齐全的文章编辑界面是非常重要的。
废话不多说,上高清大图:
虽然,算不上界面优美,但是简洁大方还是有的,我已经试过了,编写markdown
的手感丝毫不弱于CSDN
编辑器,可能在功能丰富度和可玩性上还有很大差距。但是,对我来说,有现成的好用编辑器,界面又好看,满足了!
Editor.md 编辑工具
非常感谢作者开发出来这么优秀的开源工具,也希望这个工具能不断迭代下去,据说已经停更好多年了,闭眼许愿~~
引入Editor.md
编辑器,首先要下载样式文件:下载链接
下载过后,解压,然后把整个文件夹复制到项目的static
目录下,建议修改一下文件夹的名字,我这里改成了editor.md
,下面是static
文件夹的结构:
- static/
|- editor.md/
|- style.css
|- favicon.png
然后,修改edit.html
的内容,如果之前是严格跟着我的代码走的,可以直接复制以下代码,如果是自己的代码,希望引入Editor.md
可以跳过代码,后面会有详细的教程。