前言
最近由于工作需要使用在線編輯器,找了幾個對比了下KindEditor還是不錯的,國產的但文檔還是不全,還好能參考官方插件,kindEditor官網上中提供了ASP,ASP.NET,JSP相關的整合應用
可以參照官方文檔實現nodejs的kindEditor上傳功能:http://kindeditor.net/docs/upload.html
在線下載kindEditor編輯器://m.survivalescaperooms.com/codes/36131.html
實現方法:
1.在客戶端js中定義uploadJson為form post的action地址
var options = { uploadJson: '/uploadImg'};KindEditor.ready(function(k){ editor = k.create('#post',options);});2.在nodejs中配置文件上傳地址
var express = require('express');var bodyParser = require('body-parser');app.use(express.bodyParser({uploadDir:'./public/upload'}));3.通過路由將請求交給uploadImg方法來處理
module.exports = function (app, routes) { app.post('/uploadImg',routes.uploadImg);};exports.uploadImg = function(req, res) { var fname = req.files.imgFile.path.replace("public//upload//", "").replace("public/upload/", ""); var info = { "error": 0, "url": "/upload/"+fname }; res.send(info);}這樣就可以在kindEditor中使用圖片上傳和圖片批量上傳的功能了

總結
以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作能帶來一定的幫助,如果有疑問大家可以留言交流,謝謝大家對武林網的支持。
新聞熱點
疑難解答