私はTinyMCEをテキストフィールドとして使用していますが、その中で画像をアップロードできるようにする必要があります. TinyMCEへの次の初期化コード(注:角度でプログラミングしています):
vm.tinymceOptions = {
resize: false,
height: 300,
menubar: false,
plugins: 'autolink link image preview fullscreen textcolor ',
toolbar: 'undo, redo | styleselect | cut, copy, paste | bold, italic, underline, strikethrough | subscript, superscript | alignleft aligncenter alignright | link image | preview, forecolor',
file_browser_callback: function(field, url, type, win) {
tinyMCE.activeEditor.windowManager.open({
file: 'app/template/plugin/kcfinder/browse.php?opener=tinymce4&field=' + field + '&type=' + type,
title: 'KCFinder - Caminho atual: ',
width: 700,
height: 400,
inline: true,
close_previous: false
}, {
window: win,
input: field
});
return false;
}
};
TinyMCE でアップロードした画像を開くと、次のように表示されます。