nodejs express에서 tinymce 용 filemanager와 같은 플러그인을 추가하는 방법은 무엇입니까?

Question

나는 nodejs express로 간단한 블로그를 만들고 있습니다. 로컬에서 미디어 파일을 업로드하고 나중에 사용하기 위해 관리 할 수있는 편집 (tinymce 또는 ckeditor)이 필요합니다. 내가 찾은 filemanager plugin하지만 그것은 PHP 전용입니다. 어떻게 그러한 노드를 사용할 수 있습니까?

Answer 1

내가 TinyMCE에와 외부 플러그인을 사용하여이 문제를 해결했다. 이 옵션을 선택합니다 :

클라이언트 :

tinymce.init({ 

     selector: '.editor', 
     inline: false, 
     toolbar: 'bold,italic,underline,|,cut,copy,paste,|,undo,redo,|,justifyleft,justifycenter,justifyright|,tiny_mce_wiris_formulaEditor,tiny_mce_wiris_formulaEditorChemistry,|,image,table,charmap,|,fullscreen, code,|,alignleft aligncenter alignright alignjustify', 
     a_plugin_option: false, 
     menubar: false, 
     height: 216, 
     branding: false, 
     plugins: "table link image code fullscreen charmap", 
     a_configuration_option: 400, 
     autosave_interval: "20s", 
     external_plugins: { 

     'tiny_mce_wiris': 'https://www.wiris.net/demo/plugins/tiny_mce/plugin.js' 

     }, 

     images_upload_url: '/upload' 
    }); 

그리고 다음과 같은 패키지를 설치해야합니다 : multer합니다.

var multer = require('multer'); 

var storage = multer.diskStorage({ 

    destination: function(req, file, cb, res) { 

    cb(null, 'public/static/dist/uploads'); 

    }, 

    filename: function(req, file, cb, res) { 

    var name = file.fieldname + '-' + Date.now() + path.extname(file.originalname); 
    cb(null, name); 

    return name; 
    } 
}); 

var upload = multer({ 
    storage: storage 
}); 

app.post('/upload', upload.single('file'), function(req, res) { 
    res.json({ 
    "location": 'public/static/dist/uploads/' + req.file.filename 
    }); 
});