Proyecto Django integrado editor de texto enriquecido

El primer paso es cargar los archivos de configuración del editor ueditor (ueditor.all.min.js y ueditor.config.js en el archivo estático y crear una vista de ueditor)

 

 

 El segundo paso, agregue lo siguiente en el archivo de configuración principal settings.py

UEDITOR_UPLOAD_TO_SERVER = True 
UEDITOR_UPLOAD_PATH = MEDIA_ROOT 
UEDITOR_CONFIG_PATH = os.path.join (BASE_DIR, ' front ' , ' dist ' , ' ueditor ' , ' config.json ' )

El tercer paso es reemplazar el cuadro de texto de entrada en html. Si está utilizando el div externo del marco adminLTE, debe agregar el estilo de grupo de formularios

 

 

 El cuarto paso es escribir el archivo js e inicializar ueditor

// 初始化 ueditor 
News.prototype.initUeditor = function () { 
    window.ue = UE.getEditor ('editor' , {
         'initialFrameHeight': 400 ,
         'serverUrl': '/ ueditor / upload /' 
    }); 

};

El quinto paso, actualizar el navegador verá el siguiente efecto

 

Supongo que te gusta

Origin www.cnblogs.com/fengzi7314/p/12691985.html
Recomendado
Clasificación