يوفر موقع KindEditor الرسمي تطبيقات متكاملة تتعلق بـ ASP و ASP.NET و JSP. يمكن أن يشير http://kerditoritor.net/docs/upload.html
بيئة:
Untuntu 14.10
Nodejs 0.10.35
Express 4.11.2
هائل 1.0.16
KindeDitor 4.1.10
WebStorm 8
1. قم بإنشاء مشروع يسمى Test من خلال IDE أو Terminal
2. تحرير package.json لإضافة التبعية الهائلة ، والتي تستخدم هنا. الإصدار 1.0.16 ، ثم قم بتنفيذ تثبيت NPM من خلال المحطة لإكمال تثبيت التبعية.
3. ضع الدليل الكامل لـ KindeDitor في الاختبار/العام/lib
4. تعديل ملفات index.ejs و index.js
دمج KindeDitor في index.ejs:
قم بتعيين uploadjson من kindeDitor على عنوان URL للمرارة لمعالجة تحميل الصورة المقدمة بواسطة NodeJS. هنا هو /تحميل
أضف عنوان 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 = {
TOPLOADJSON: '/TOPLOADIMG'
} ؛
KindeDitor.ready (وظيفة (k) {
Window.Editor = K.Create ('#editor' ، Options) ؛
}) ؛
</script>
</head>
<body>
<h1> <٪ = title ٪> </h1>
<textarea id = "editor" name = "content">
<strong> HTML Content </strong>
</textarea>
</body>
</html>
index.js
نسخة الكود كما يلي:
var express = require ('Express') ؛
var Router = Express.Router () ؛
var dividable = require ('dividable') ؛
/* الحصول على الصفحة الرئيسية. */
Router.get ('/' ، function (req ، res ، next) {
Res.Render ('index' ، {title: 'Image Upload'}) ؛
}) ؛
Router.post ('/uploadimg' ، function (req ، res ، next) {
var form = new MOPIDIDABLE.INCOMINGFORM () ؛
form.KeepExtensions = true ؛
form.uploaddir = __dirname + '/../public/upload' ؛
form.parse (req ، function (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 (info) ؛
}) ؛
}) ؛
module.exports = جهاز التوجيه ؛
ثم ابدأ مشروع الاختبار من خلال IDE أو المحطة ، والوصول إلى الصفحة من خلال http: // localhost: 3000 لتحميل الصورة