Node.js(sails.js)wysiwyg编辑器 - 图像

 林寿辉 发布于 2023-01-31 10:43

好极了!终于做到了!

最后我使用了CKEditor并且它工作了!看看这个:

从http://ckeditor.com/download下载编辑器

把它放到assets你的项目的文件夹中

添加config.filebrowserUploadUrl = '/uploader';到您的ckeditor/config.js文件

在控制器中添加上传操作:

upload_file:function(req,res){

var fs = require('fs');
console.log(req.files);

fs.readFile(req.files.upload.path, function (err, data) {
  var newPath = 'assets/files/' + req.files.upload.name;
    fs.writeFile(newPath, data, function (err) {
    if (err) res.view({err: err});
      html = "";
      html += "";

      res.send(html);
  });

});

}

为此操作添加路线:

'/uploader' : {
    controller : 'post',
    action : 'upload_file'
  }

assets/files为我上传一个文件夹(对我而言)

最后,改变将ckeditor放入的表单:

block body
  script(type="text/javascript", src="/ckeditor/ckeditor.js")
  form(action='/posts/create', method="post", enctype="multipart/form-data")
    p Title
    input(type='text', name='title')
    p Body
    textarea(name='body', id='ck')
    script.
      CKEDITOR.replace( 'ck' );
    hr
    input(type='submit', value='?????????')

(在这里玉)

就这样!享受WYSIWYG :)

撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有