Node.js (sails.js) 所见即所得编辑器 - 图片

Question

Is there a way to use any WYSIWYG/html editor in the sails app? I can't find any manuals to do that. Seems like Mercury is well-supported in Node but I can't find a way to adapt sails for it either. :( Please guide me

现在好了，事实证明连接 TinyMCE 很容易(就像 http://www.tinymce.com/wiki.php/Installation 中描述的一样简单)。所以现在另一个主要问题出现了:是否有任何 Node.js 连接器可以连接到任何编辑器以上传图像和东西？

或者我怎样才能允许用户上传图片并将其插入到帖子正文中？

谢谢

Answer 1

耶!终于成功了!

最后我使用了 CKEditor，它成功了!检查一下:

• 在 http://ckeditor.com/download 下载编辑器
• 放入你项目的assets文件夹
• 将 config.filebrowserUploadUrl = '/uploader'; 添加到您的 ckeditor/config.js 文件
• 在您的 Controller 中添加上传操作:

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 += "<script type='text/javascript'>";
      html += "    var funcNum = " + req.query.CKEditorFuncNum + ";";
      html += "    var url     = \"/files/" + req.files.upload.name + "\";";
      html += "    var message = \"Uploaded file successfully\";";
      html += "";
      html += "    window.parent.CKEDITOR.tools.callFunction(funcNum, url, message);";
      html += "</script>";

      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='Сохранить')

(这里是 Jade )

就是这样!享受所见即所得:)