Le site officiel de KindEditor fournit des applications intégrées liées à ASP, ASP.NET et JSP. Le http://kinditertor.net/docs/upload.html peut se référer à l'intégration des nodejs et constater que les nodejs pratiques sont plus simples
environnement:
Unbuntu 14.10
Nodejs 0.10.35
Express 4.11.2
formidable 1.0.16
KindEditor 4.1.10
Webstorm 8
1. Créez un projet nommé Test via IDE ou Terminal
2. Edit package.json pour ajouter la formidable dépendance, qui est utilisée ici. Version 1.0.16, puis exécutez NPM Installer via le terminal pour terminer l'installation de la dépendance.
3. Mettez l'intégralité du répertoire de KINDEDITHER dans Test / Public / Lib
4. Modifier les fichiers index.ejs et index.js
Intégrer KindEditor dans index.ejs:
Définissez le uploadjson de KindEditor sur l'URL de la route pour le traitement du téléchargement d'image fourni par NodeJS. Voici / uploadimg
Ajoutez l'URL de route pour traiter le téléchargement d'image dans index.js:
Ajoutez la méthode post-traitement correspondant à / uploadImg,
Le code est le suivant:
index.js
La copie de code est la suivante:
<! Doctype html>
<html>
<adal>
<TiTLE> <% = Title%> </Title>
<link rel = 'stylesheet' href = '/ stylesheets / style.css' />
<script charset = "utf-8" src = "/ lib / kindoditor-4.1.10 / kindeditor.js"> </ script>
<script charset = "utf-8" src = "/ lib / kindeditor-4.1.10 / lang / zh_cn.js"> </ script>
<cript>
Var Options = {
uploadjson: '/ uploadimg'
};
KindEditor.ready (fonction (k) {
window.editor = k.create ('# editor', options);
});
</cript>
</ head>
<body>
<h1> <% = title%> </h1>
<textarea id = "editor" name = "contenu">
<strong> Contenu HTML </strong>
</ textarea>
</docy>
</html>
index.js
La copie de code est la suivante:
var express = require ('express');
var router = express.router ();
var formidable = require ('formidable');
/ * Obtenez la page d'accueil. * /
router.get ('/', fonction (req, res, suivant) {
res.render ('index', {title: 'image upload'});
});
router.post ('/ uploadimg', fonction (req, res, suivant) {
var form = new formidable.incomingform ();
form.keepExtensions = true;
form.uploaddir = __dirname + '/../public/upload';
form.parse (req, fonction (err, champs, fichiers) {
if (err) {
lancer err;
}
var image = files.imgfile;
var path = image.path;
path = path.replace ('//// g', '/');
var url = '/ upload' + path.substr (path.lastIndexof ('/'), path.length);
var info = {
"Erreur": 0,
"URL": URL
};
res.send (info);
});
});
module.exports = routeur;
Puis démarrez le projet de test via l'IDE ou le terminal et accédez à la page via http: // localhost: 3000 pour télécharger l'image