如何解决如何在 Atlaskit 中指定自定义媒体客户端,尤其是 @atlaskit/editor-core
我试图在我自己的项目中使用 @atlaskit/editor-core 并且想要指定我自己的 Fileserver/MediaClient。 Atlassian 确实提供了一个函数,我可以在其中模拟客户端,而不是真正模拟它以这种方式注入我自己的客户端......但这真的是最好的选择吗?
由于@atlaskit/editor-core 上的文档相当少,我不知道还能去哪里看...
到目前为止的发现: 使用以下行可以启用模拟。
import { mediaMock } from '@atlaskit/media-test-helpers'
mediaMock.enable()
最小示例:
import React from 'react';
import { MediaProvider } from '@atlaskit/editor-common';
import { Editor } from '@atlaskit/editor-core';
import { MediaClientConfig } from '@atlaskit/media-core';
import { mediaMock,mediaPickerAuthProvider } from '@atlaskit/media-test-helpers';
mediaMock.enable();
// Crreating basic MediaProvider
const collection = 'sample-collection';
const mediaClientConfig: MediaClientConfig = {
authProvider: mediaPickerAuthProvider(),};
const mediaProvider = Promise.resolve<MediaProvider>({
uploadParams: { collection },viewMediaClientConfig: mediaClientConfig,uploadMediaClientConfig: mediaClientConfig,});
export const EditorMinimal = () => {
return (
<Editor
appearance="full-page"
media={{
provider: mediaProvider,allowResizing: true,allowMediaSingle: true,useMediaPickerPopup: false,allowDropzoneDropLine: true,iscopyPasteEnabled: true,}}
/>
);
};
任何链接、方向、建议或起点将不胜感激!
解决方法
使用我自己的答案解决了这个问题
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。