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 y descomprima los archivos inútiles asp, asp.net, php, The. Los archivos jsp y de ejemplo se eliminan y luego se copian en el directorio estático. Dado que KindEditor es un editor para archivos js, establece el directorio js/editor y copia el código de KindEditor en este directorio. KindEditor es un editor de archivos js, así que configure el directorio js/editor y copie el código de KindEditor en este directorio. Como este static/js/editor/kindeditor-4.1.7.

2. Agregue el JavarScript correspondiente a la ejecución de KindEditor en el cuadro de entrada de texto de html, que se puede ver en las instrucciones en el sitio web oficial.

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

4. Después de crear kindeditor, cree el archivo config.js en el directorio kindeditor-4.1.7. Inicie sesión en admin con la identificación del área de texto y vea el elemento para obtenerlo.

//config.js

KindEditor.ready(function(K) {

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

// Especificar tamaño

ancho: '800px',

alto: '200px',

}

});

#admin.py

de django.contribute admin

de kindeditor.models importar artículo

# Registre su modelo aquí. registrarse(Artículo)

clase ArticleAdmin(admin.ModelAdmin):

list_ display = ('título',)

clase Medios:

# Agregue el archivo js al archivo HTML admin.ModelAdmin.

# Agregue el archivo js al archivo HTML admin.ModelAdmin, agregue 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',

)