O site oficial do Kindeditor fornece aplicativos integrados relacionados ao ASP, ASP.NET e JSP. O http://kinDitor.net/docs/upload.html pode se referir à integração de nodejs, e descobrir que o NodeJS prático é mais simples
ambiente:
Unbntu 14.10
NodeJS 0.10.35
Express 4.11.2
formidável 1.0.16
Kindeditor 4.1.10
Webstorm 8
1. Crie um projeto chamado teste através do IDE ou terminal
2. Edit Package.json para adicionar a dependência formidável, que é usada aqui. Versão 1.0.16 e, em seguida, execute a instalação do NPM através do terminal para concluir a instalação da dependência.
3. Coloque o diretório inteiro do Kindeditor em teste/público/lib
4. Modify Index.ejs e Index.js Arquivos
Integrar Kindeditor em index.ejs:
Configure o uploadjson do Kindeditor no URL da rota para o upload de imagem de processamento fornecido pelo NodeJS. Aqui está /uploadimg
Adicione o URL da rota para processar o upload da imagem em index.js:
Adicione o método de pós -processamento correspondente ao /uploadimg,
O código é o seguinte:
Index.js
A cópia do código é a seguinte:
<! 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>
<Cript>
var options = {
uploadjson: '/uploadimg'
};
Kindeditor.ready (função (k) {
window.editor = k.create ('#editor', opções);
});
</script>
</head>
<Body>
<H1> < %= title %> </h1>
<textarea id = "editor" name = "content">
<strong> conteúdo html </strong>
</sexttarea>
</body>
</html>
Index.js
A cópia do código é a seguinte:
var express = requer ('expresso');
VAR Router = Express.Router ();
var formidable = requer ('formidável');
/* Vá para casa. */
Router.get ('/', function (req, res, próximo) {
res.render ('index', {title: 'Image upload'});
});
Router.post ('/uploadimg', function (req, res, próximo) {
var form = new formidable.incomingForm ();
form.KeePextensions = true;
form.Uploaddir = __dirname + '/../public/upload';
form.parse (req, function (err, campos, arquivos) {
if (err) {
lança err;
}
var imagem = files.imgfile;
var path = image.path;
caminho = path.replace ('//// g', '/');
var url = '/upload' + path.substr (path.lastindexof ('/'), path.length);
var info = {
"Erro": 0,
"URL": url
};
res.send (info);
});
});
module.exports = roteador;
Em seguida, inicie o projeto de teste através do IDE ou Terminal e acesse a página através de http: // localhost: 3000 para fazer upload da imagem