皆さん、今晩は。
WYSIWYG エディターと collectionFS を使用して、Meteor でファイルのアップロードを機能させるのに苦労しています。Summernote を使ってみましたが、Redactor や Froala を使ってもかまいません。
どうやら、WYSIWYG エディターを CollectionFS に接続してファイルをローカル パスにアップロードするスキルがないようです。
これが私のコードです。
Template.postSubmit.rendered = function(){
$('#edit').summernote();
};
Template.postSubmit.events({
'submit #postSubmit':function(event, template) {
FS.Utility.eachFile(event, function(file) {
Images.insert(file, function (err, fileObj) {
//Inserted new doc with ID fileObj._id, and kicked off the data upload using HTTP
});
});
}
});
Images = new FS.Collection("images", {
stores: [new FS.Store.FileSystem("images", {path: "img2"})]
});
Images.allow({
insert: function() {
return true;
},
update: function() {
return true;
},
remove: function() {
return true;
},
download: function() {
return true;
}
});
私の短い知識から、追加する必要があります
onImageUpload: function(files, editor, welEditable) {
sendFile(files[0],editor,welEditable);
}
summernote スクリプト内 (そうですか?)。
私はこれを機能させることができないようです！ポインター、ガイド、ヘルプをいただければ幸いです...
EDIT1：
Template.postSubmit.rendered = function(){
$('#edit').summernote({
onImageUpload: function(file) {
FS.Utility.eachFile(event, function(file) {
Images.insert(file, function (err, fileObj) {
//Inserted new doc with ID fileObj._id, and kicked off the data upload using HTTP
});
});
}
});
};
だから私は自分のコードをこれに編集しました、そして今それは働いています! 指定したパスにファイルをアップロードします。今の問題は、1.すぐに画像をアップロードします（フォームを送信したときではなく、画像の追加をクリックするとすぐに）。2. アップロードされた画像がエディタに表示されません。