Cómo agregar un editor HTML al backend de Django

Cómo agregar un editor HTML en segundo plano de Django:

1. Descargue KindEditor

Descargue KindEditor, descomprima el asp inútil, asp.net, php, jsp. , y los archivos de ejemplo deben eliminarse y copiarse en el directorio estático. Dado que KindEditor es un editor para archivos js, se establece el directorio js/editor y el código de KindEditor se copia en este directorio. Como este static/js/editor/kindeditor-4.1.7.

2. Añade el JavaScript correspondiente para ejecutar KindEditor en el html del campo de entrada de texto. Puedes verlo en las instrucciones del sitio web oficial.

3. Agregue el siguiente script a la página html:

4. Para crear kindeditor, cree el archivo config.js en el directorio kindeditor-4.1.7. Después de iniciar sesión en el administrador, puede obtener el ID del área de texto viendo el elemento.

//config.js

KindEditor.ready(function(K) {

window.editor = K.create('#id_content', {

//Especificar tamaño

ancho: '800px',

alto: '200px',

});

});

#admin.py

de django.contrib importar administrador

de kindeditor.models importar artículo

# Registre sus modelos aquí.

@admin.register(Article)

class ArticleAdmin(admin.ModelAdmin):

list_display = ('title',)

class Media：

# Agregue archivos js al archivo HTML en el fondo de administración, y cada ruta se agregará con 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',

)