Официальный сайт Kindeditor предоставляет интегрированные приложения, связанные с ASP, ASP.NET и JSP. Http://kenderitor.net/docs/upload.html может ссылаться на интеграцию Nodejs и обнаружить, что практические Nodejs проще
среда:
Непонту 14.10
Nodejs 0,10,35
Экспресс 4.11.2
грозное 1.0.16
Kindeditor 4.1.10
Веб -шар 8
1. Создайте проект с именем теста через IDE или терминал
2. Изменить Package.json, чтобы добавить грозную зависимость, которая используется здесь. Версия 1.0.16, а затем выполните установку NPM через терминал, чтобы завершить установку зависимости.
3. Поместите весь каталог Kindeditor в тест/public/lib
4. Изменить файлы index.ejs и index.js
Интегрировать Kindeditor в index.ejs:
Установите uploadjson of kindeditor на URL -адрес маршрута для обработки загрузки изображения, предоставленных Nodejs. Вот /uploadimg
Добавьте URL -адрес маршрута для обработки загрузки изображения в index.js:
Добавить метод пост -обработки, соответствующий /uploadimg,
Код заключается в следующем:
index.js
Кода -копия выглядит следующим образом:
<! Doctype html>
<html>
<голова>
<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>
<Скрипт>
var options = {
uploadjson: '/uploadimg'
};
Kindeditor.ready (function (k) {
window.editor = k.create ('#Editor', Options);
});
</script>
</head>
<тело>
<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 formidable = require ('стерент');
/* Получить домашнюю страницу. */
router.get ('/', function (req, res, next) {
res.render ('index', {title: 'upload' amage '});
});
router.post ('/uploadimg', function (req, res, next) {
var form = new Formidable.indomingForm ();
form.keepextensions = true;
form.uploaddir = __dirname + '/../public/upload';
form.parse (req, function (err, fields, files) {
if (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 = router;
Затем запустите тестовый проект через IDE или терминал и получите доступ к странице через http: // localhost: 3000, чтобы загрузить изображение