Situs Web Resmi Kindeditor menyediakan aplikasi terintegrasi yang terkait dengan ASP, ASP.NET, dan JSP. The http://kindeditor.net/docs/upload.html dapat merujuk pada integrasi nodej, dan menemukan bahwa nodej praktis lebih sederhana
lingkungan:
Unbuntu 14.10
NodeJS 0.10.35
Express 4.11.2
Tangguh 1.0.16
Kindeditor 4.1.10
Webstorm 8
1. Buat proyek bernama tes melalui IDE atau terminal
2. Edit paket.json untuk menambahkan ketergantungan yang tangguh, yang digunakan di sini. Versi 1.0.16, dan kemudian jalankan instalasi NPM melalui terminal untuk menyelesaikan pemasangan ketergantungan.
3. Masukkan seluruh direktori Kindeditor di Test/Public/Lib
4. Modifikasi file index.ejs dan index.js
Integrate Kindeditor di Index.EJS:
Atur UploadJson dari Kindeditor ke URL rute untuk memproses unggahan gambar yang disediakan oleh NodeJS. Ini /unggah
Tambahkan URL rute untuk memproses unggahan gambar di index.js:
Tambahkan metode pemrosesan pos yang sesuai dengan /unggah,
Kodenya adalah sebagai berikut:
index.js
Salinan kode adalah sebagai berikut:
<! Doctype html>
<Html>
<head>
<title> < %= title %> </itement>
<tautan rel = 'stylesheet' href = '/stylesheets/style.css'/>
<Script charset = "UTF-8" SRC = "/LIB/KindEditor-4.1.10/Kindeditor.js"> </script>
<skrip charset = "UTF-8" src = "/lib/Kindedititor-4.1.10/lang/zh_cn.js"> </script>
<script>
var options = {
unggahjson: '/unggah'
};
Kindeditor.ready (function (k) {
window.editor = k.create ('#editor', opsi);
});
</script>
</head>
<body>
<h1> < %= judul %> </h1>
<textarea id = "editor" name = "content">
<strong> konten html </strong>
</textarea>
</body>
</html>
index.js
Salinan kode adalah sebagai berikut:
var express = membutuhkan ('express');
var router = express.router ();
var tangguh = membutuhkan ('tangguh');
/* Dapatkan beranda. */
router.get ('/', function (req, res, next) {
res.render ('index', {title: 'unggah gambar'});
});
router.post ('/unggah', fungsi (req, res, next) {
var Form = new paceidable.incomingform ();
Form.KeepExtensions = true;
form.uploaddir = __dirname + '/../public/upload';
form.parse (req, function (err, bidang, file) {
if (err) {
Lempar err;
}
var image = file.imgfile;
var path = image.path;
path = path.replace ('//// g', '/');
var url = '/unggah' + path.substr (path.LastIndexof ('/'), path.length);
var info = {
"Kesalahan": 0,
"URL": URL
};
res.send (info);
});
});
module.Exports = router;
Kemudian mulailah proyek uji melalui IDE atau terminal, dan akses halaman melalui http: // localhost: 3000 untuk mengunggah gambar