Django教程:[31]整合summernote编辑器

2025-12-22 09:33:09

summernote是一款适合bootstrap2.x和3.x的富文本编辑器,我现在在做的网站是由django作为后台框架,bootstrap3.0作为前台框架的,所以用summernote是非常合适的,我们来看看我是怎么在页面中整合summernote的吧。

    我们先要引入js和css,下面是我们所需要用到的js和css,不过我通常不这么引用。我会使用bootstrap提供的免费CDN

    Django教程:[31]整合summernote编辑器

    使用CDN的方法:所有这些链接都可以在bootstrap官网找到,这里就不再列举了。

    Django教程:[31]整合summernote编辑器

    Django教程:[31]整合summernote编辑器

    Django教程:[31]整合summernote编辑器

    接着我们只要在textarea中指定id为summernote即可使其变为一个富文本编辑器。

    Django教程:[31]整合summernote编辑器

    当然,我们也可以使用div标签,也是需要注明id为summernote即可。

    Django教程:[31]整合summernote编辑器

    最后,我们只要使用如下的命令启动summernote即可。

    Django教程:[31]整合summernote编辑器

(共篇)上一篇:DJANGO_SETTINGS_...|下一篇:
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
相关推荐
  • 阅读量:155
  • 阅读量:59
  • 阅读量:43
  • 阅读量:85
  • 阅读量:162
  • 猜你喜欢