如何在Django后台添加HTML编辑器

Posted 2023-03-09

Django后台添加html编辑器的方法：

1、下载KindEditor

下载KindEditor, 解压后将那些没用的asp, asp.net, php, jsp, examples文件该删掉后拷贝到static目录下，由于KindEditor是js文件有事编辑器，所以就设置了js/editor目录，并将KindEditor代码拷贝到该目录下。就像这样子static/js/editor/kindeditor-4.1.7。

2、在文本输入域的html中添加运行KindEditor 相对应的JavarScript在官网的使用说明上可以看到。

3、在html页面加入以下脚本：

4、创建kindeditor的，在kindeditor-4.1.7目录下创建出config.js文件。textarea的id登陆admin后，查看元素即可获取。

//config.js
KindEditor.ready(function(K)
   window.editor = K.create('#id_content',

       // 指定大小
       width:'800px',
       height:'200px',
   );
);
#admin.py
from django.contrib import admin
from kindeditor.models import Article

# Register your models here.

@admin.register(Article)
class ArticleAdmin(admin.ModelAdmin):

   list_display = ('title',)

   class Media:
       # 在管理后台的HTML文件中加入js文件, 每一个路径都会追加STATIC_URL/
       js = (
           'js/editor/kindeditor-4.1.7/kindeditor-all.js',
           'js/editor/kindeditor-4.1.7/lang.zh_CN.js',
           'js/editor/kindeditor-4.1.7/config.js',
       )

参考技术A 删除库的话，pip uninstall xxxx
删除对应的模块，怎么装的怎么倒着来就行了，主要就是settings.py吧，没用过CKeditor
你编辑时候如何插入图片？能上传吗？
tinymce有images插件。可以插入链接。