首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >向Ckeditor5添加新的上传器

向Ckeditor5添加新的上传器
EN

Stack Overflow用户
提问于 2018-08-30 14:14:20
回答 1查看 1.2K关注 0票数 0

这是怎么可能的添加新的上传功能到ckeditor5像上传音频或视频?

我试着使用ckeditor5文档,但是一点也不清楚。我使用这个vue文件来使用ckeditor5。在这个文件中,我为我的项目使用了一个自定义的上传适配器,但现在我不知道如何以这种方式上传另一种类型的文件,如音频和视频

代码语言:javascript
复制
<script>
    import ClassicEditor from '@ckeditor/ckeditor5-build-classic/build/ckeditor';
    import MyUploadAdapter from '../adapter/UploadAdapter';

    export default {
        data() {
            return {
                instance: null,
                article: {
                    data: '',
                },
            }
        },

        mounted() {
            this.initialize();
        },

        methods: {
            // Initializing Editor
            initialize: function () {
                ClassicEditor
                    .create(document.querySelector("#editor"), this.config)
                    .then(editor => {
                        // get initial instance object of editor
                        this.instance = editor;

                        // set initial binder of editor on start
                        editor.model.document.on('change', () => {
                            this.valueBinder(editor.getData())
                        });

                        editor.plugins.get('FileDialogButtonView')


                        // This place loads the adapter.
                        editor.plugins.get('FileRepository').createUploadAdapter = (loader, article) => {
                            return new MyUploadAdapter(loader, this.article);

                        }
                    })
                    .catch(error => {
                        console.error(error);
                    });
            },

            }
        },
    }

</script>
EN

回答 1

Stack Overflow用户

发布于 2018-08-30 14:47:03

对于上传文件,您可以使用CKFinder

有关CKfinder的配置,请参考此link

代码语言:javascript
复制
ClassicEditor
    .create( editorElement, {
        ckfinder: {
            uploadUrl: '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files&responseType=json' // here you can set your own file path
        }
    } )
    .then( ... )
    .catch( ... );
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52090306

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档