เว็บไซต์อย่างเป็นทางการของ KindEditor จัดเตรียมแอปพลิเคชันแบบบูรณาการที่เกี่ยวข้องกับ ASP, ASP.NET และ JSP http://kindinditor.net/docs/upload.html สามารถอ้างถึงการรวมของ nodejs และพบว่า nodejs ที่ใช้งานได้ง่ายขึ้นนั้นง่ายกว่า
สิ่งแวดล้อม:
unbuntu 14.10
nodejs 0.10.35
ด่วน 4.11.2
น่ากลัว 1.0.16
Kindeditor 4.1.10
Webstorm 8
1. สร้างโครงการที่มีชื่อว่าทดสอบผ่าน IDE หรือ TERMINAL
2. แก้ไขแพ็คเกจ. json เพื่อเพิ่มการพึ่งพาที่น่ากลัวซึ่งใช้ที่นี่ เวอร์ชัน 1.0.16 จากนั้นดำเนินการติดตั้ง NPM ผ่านเทอร์มินัลเพื่อทำการติดตั้งการพึ่งพาให้เสร็จสมบูรณ์
3. ใส่ไดเรกทอรีทั้งหมดของ Kindeditor ในการทดสอบ/สาธารณะ/lib
4. แก้ไข index.ejs และ index.js ไฟล์
รวม Kindeditor ใน index.ejs:
ตั้งค่า UploadJSON ของ KindEditor เป็น URL เส้นทางสำหรับการประมวลผลการอัปโหลดภาพที่จัดทำโดย NodeJS นี่คือ /uploadimg
เพิ่ม URL เส้นทางเพื่อประมวลผลอัพโหลดภาพใน index.js:
เพิ่มวิธีการประมวลผลโพสต์ที่สอดคล้องกับ /uploadimg
รหัสมีดังนี้:
index.js
การคัดลอกรหัสมีดังนี้:
<! doctype html>
<html>
<head>
<title> < %= title %> </title>
<link rel = 'stylesheet' href = '/stylesheets/style.css'/>
<script charset = "utf-8" src = "/lib/kindeditor-4.1.10/kindeditor.js"> </script>
<script charset = "utf-8" src = "/lib/kindeditor-4.1.10/lang/zh_cn.js"> </script>
<script>
ตัวเลือก var = {
uploadjson: '/uploadimg'
-
Kindeditor.ready (ฟังก์ชั่น (k) {
window.editor = k.create ('#editor', ตัวเลือก);
-
</script>
</head>
<body>
<H1> < %= title %> </h1>
<textarea id = "editor" name = "content">
<strong> เนื้อหา HTML </strong>
</textarea>
</body>
</html>
index.js
การคัดลอกรหัสมีดังนี้:
var express = ต้องการ ('ด่วน');
var router = express.router ();
var actiDable = ต้องการ ('น่ากลัว');
/* รับหน้าแรก -
Router.get ('/', function (req, res, ถัดไป) {
res.render ('index', {title: 'อัพโหลดรูปภาพ'});
-
Router.post ('/uploadimg', ฟังก์ชั่น (req, res, ถัดไป) {
var form = new actidable.inomingForm ();
Form.keepExtensions = true;
form.uploaddir = __dirname + '/../public/upload';
form.parse (req, function (err, ฟิลด์, ไฟล์) {
ถ้า (err) {
โยนเอ่อ;
-
var image = files.imgfile;
var path = image.path;
path = path.replace ('//// g', '/');
var url = '/upload' + path.substr (path.lastindexof ('/'), path.length);
var info = {
"ข้อผิดพลาด": 0,
"url": url
-
Res.Send (ข้อมูล);
-
-
module.exports = เราเตอร์;
จากนั้นเริ่มโครงการทดสอบผ่าน IDE หรือเทอร์มินัลและเข้าถึงหน้าผ่าน http: // localhost: 3000 เพื่ออัปโหลดรูปภาพ