El sitio web oficial de KindEditor proporciona aplicaciones integradas relacionadas con ASP, ASP.NET y JSP. Http://kisditor.net/docs/upload.html puede referirse a la integración de NodeJs, y descubrir que los nodejs prácticos son más simples
ambiente:
Descontu 14.10
nodejs 0.10.35
Express 4.11.2
formidable 1.0.16
Kindeditor 4.1.10
Webstorm 8
1. Cree un proyecto llamado Prueba a través de IDE o Terminal
2. Editar paquete.json para agregar la dependencia formidable, que se usa aquí. Versión 1.0.16, y luego ejecute la instalación de NPM a través del terminal para completar la instalación de la dependencia.
3. Pon todo el directorio de Kindeditor en Test/Public/Lib
4. Modificar archivos index.eJS e index.js
Integre KindEditor en index.eJS:
Establezca la carga de la URL de ruta para procesar la carga de imagen proporcionada por NodeJS. Aquí está /uploadimg
Agregue la URL de ruta para procesar la carga de imagen en index.js:
Agregue el método de procesamiento posterior correspondiente a /uploadImg,
El código es el siguiente:
index.js
La copia del código es la siguiente:
<! Doctype html>
<html>
<Evista>
<title> < %= title %> </title>
<link rel = 'stylesheet' href = '/stylesheets/style.css'/>
<script charset = "utf-8" src = "/lib/kindeditor-4.1.10/bindeditor.js"> </script>
<script charset = "utf-8" src = "/lib/bindeditor-4.1.10/lang/zh_cn.js"> </script>
<script>
opciones var = {
carguejson: '/uploadimg'
};
KindEditor.ready (function (k) {
Window.Editor = K.Create ('#editor', opciones);
});
</script>
</ablo>
<Body>
<h1> < %= título %> </h1>
<Textarea id = "editor" name = "content">
<strong> contenido html </strong>
</textarea>
</body>
</html>
index.js
La copia del código es la siguiente:
var express = request ('express');
var enrutador = express.router ();
var formidable = request ('formidable');
/* Obtenga la página de inicio. */
router.get ('/', function (req, res, next) {
res.render ('índice', {título: 'Imagen cargada'});
});
router.post ('/uploadimg', function (req, res, next) {
var Form = new Formidable.InComingForm ();
Form.keepextensions = true;
form.uploaddir = __dirname + '/../public/upload';
Form.Parse (req, function (err, campos, archivos) {
if (err) {
tirar err;
}
var image = files.imgFile;
ruta var = image.path;
ruta = rath.replace ('//// g', '/');
var url = '/upload' + path.substr (path.lastindexof ('/'), path.length);
Var info = {
"Error": 0,
"URL": URL
};
res.send (información);
});
});
módulo.exports = enrutador;
Luego inicie el proyecto de prueba a través del IDE o terminal, y acceda a la página a través de http: // localhost: 3000 para cargar la imagen