Die offizielle Website des Senditors bietet integrierte Anwendungen im Zusammenhang mit ASP, ASP.NET und JSP. Die http://kineditor.net/docs/upload.html kann auf die Integration von NodeJs verweisen und feststellen, dass praktische NodeJs einfacher sind
Umfeld:
ungebuntu 14.10
NodeJS 0.10.35
Express 4.11.2
beeindruckend 1.0.16
Kindeditor 4.1.10
Webstorm 8
1. Erstellen Sie ein Projekt mit dem Namen Test über IDE oder Terminal
2. Bearbeiten Sie Package.json, um die hier verwendete Abhängigkeit hinzuzufügen, die hier verwendet wird. Version 1.0.16 und dann die NPM -Installation über das Terminal ausführen, um die Installation der Abhängigkeit zu vervollständigen.
3.. Setzen Sie das gesamte Verzeichnis des Kindeditors in Test/Public/LIB ein
4. Modify index.ejs und index.js -Dateien modifizieren
Integrieren Sie den Kindeditor in Index.ejs:
Setzen Sie den Uploadjson des Senditors auf die Routen -URL ein, um das von NodeJS bereitgestellte Bild -Upload zu verarbeiten. Hier ist /Uploadimg
Fügen Sie die Routen -URL hinzu, um das Bild -Upload in index.js zu verarbeiten:
Fügen Sie die Postverarbeitungsmethode hinzu /uploadimg,
Der Code ist wie folgt:
index.js
Die Codekopie lautet wie folgt:
<! DocType html>
<html>
<kopf>
<title> < %= title %> </title>
<link rel = 'stylesheet' href = '/stylesheets/style.css'/>
<script charset = "utf-8" src = "/lib/sorteditor-4.1.10/sorteditor.js"> </script>
<script charset = "utf-8" src = "/lib/sorteditor-4.1.10/lang/zh_cn.js"> </script>
<Script>
var options = {
Uploadjson: '/Uploadimg'
};
SortEditor.ready (function (k) {
window.Editor = k.create ('#editor', Optionen);
});
</script>
</head>
<body>
<H1> < %= title %> </h1>
<textarea id = "editor" name = "content">
<strong> HTML -Inhalt </strong>
</textArea>
</body>
</html>
index.js
Die Codekopie lautet wie folgt:
var express = require ('express');
var router = express.router ();
var formidable = required ('foridable');
/* Homepage bekommen. */
Router.get ('/', Funktion (req, res, next) {
res.render ('index', {title: 'image upload'});
});
Router.post ('/uploadimg', Funktion (req, res, next) {
var form = new formidable.incomingForm ();
Form.KeePextensions = true;
Form.Uploaddir = __Dirname + '/../public/upload';
Form.Parse (Req, Funktion (Err, Felder, Dateien) {
if (err) {
errösten;
}
var image = files.imgFile;
var path = Bild.Path;
path = path.replace ('//// g', '/');
var url = '/upload' + path.substr (path.lastIndexof ('/'), path.length);
var info = {
"Fehler": 0,,
"URL": URL
};
Res.Send (Info);
});
});
Module.exports = Router;
Starten Sie das Testprojekt dann über die IDE oder das Terminal und greifen Sie auf die Seite über http: // localhost: 3000 zu, um das Bild hochzuladen