问题标签 [atlaskit]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
188 浏览

inline-editing - 如何在 atlaskit 的内联编辑视图上触发取消事件?

我正在尝试以编程方式触发onCancelAtlaskit 的内联编辑视图组件上的事件,但我找不到任何 API 文档可以在此内联组件上触发取消事件。

0 投票
0 回答
98 浏览

css - Atlaskit 模态触摸滚动

有谁知道如何在 Atlaskit Modal 中启用触摸滚动,我花了 2 天时间寻求答案?

在标题中,我放置了进度跟踪器、正文表单和页脚操作,鼠标滚动工作完美,但移动视图中的触摸滚动不起作用。

0 投票
0 回答
81 浏览

atlaskit - 带有自定义提及提供程序的 Atlaskit Editor Core

我正在尝试为 Editor Core 实现自定义提及提供程序,但未成功,因为我没有找到任何文档和/或如何执行此操作的示例。

Any1 有关于它的参考或真实示例吗?我想在编辑器核心上使用提及插件而不进行 api 调用,只想加载之前已经加载的参与者列表。

0 投票
2 回答
379 浏览

node.js - 如何在不接受 Atlassian 设计指南许可的情况下使用 npm 包的替代实现来使用 Atlaskit

大多数 Atlaskit 编辑器都获得 MIT 或 Apache 2.0 许可。我试图弄清楚应该如何使用 Atlaskit,而不接受用于包的非免费(如自由)Atlassian 设计指南许可证(ADG 许可证),它是Atlaskit@atlaskit/icon编辑器深度嵌套依赖项的一部分.@atlaskit/icon-file-type@atlaskit/icon-object

我完全意识到我需要重新创建替代图标和主题,我对此很好。但是,当我创建package.json并运行npm install时,当我包含以下依赖项时,我会获得上述 ADG 许可包:

我怎样才能通过我自己的实现来使用,例如,而不是@atlaskit/icon从 npmjs.com 获得 ADG 许可的默认值?

分叉整个 Atlaskit 包树只是为了修改依赖项以覆盖这 3 个包显然是可能的,但有更好的方法吗?似乎npm-force-resolutions可以做这样的事情,但据我所知,它只允许替换依赖版本号,所以我可以简单地选择我想要使用官方实现,@atlaskit/icon但不允许更改完全不同的实现。所有版本都@atlaskit/icon具有相同的许可证,我正在尝试这样做,因为我不喜欢 ADG 许可证,我愿意重新实现所需的部分。

我更喜欢可以保存在需要其他依赖项的主级别package.json(或旁边的文件)中的东西。atlaskit我正在使用节点 v12,以防万一。我不需要支持任何较小的版本,但我也想与 v14 兼容。

更新:给定上述依赖项,npm list "@atlaskit/icon"将发出

是否可以只替换包@atlaskit/icon而不替换和之间树中的所有包。在此示例中,它将是以下列表:my-atlaskit-editor@atlaskit/icon

为了更改dependencies嵌套包中的内容,需要覆盖很多包。在实践中,我需要分叉所有这些包并更改dependencies每个嵌套包以引用我的分叉版本,该版本再次仅修改dependencies指向我分叉的另一个包。在这整个被替换树的叶子上将是 a package.json,它指向 和 的自由变@atlaskit/icon体。@atlaskit/icon-file-type@atlaskit/icon-object

如果不分叉和修改整个树中的依赖关系,真的没有办法解决这个问题吗?

0 投票
1 回答
184 浏览

reactjs - 如何在 Atlaskit 中指定自定义媒体客户端,尤其是 @atlaskit/editor-core

我正在尝试在我自己的项目中使用@atlaskit/editor-core,并希望指定我自己的 Fileserver/MediaClient。Atlassian 确实提供了一个功能,我可以在其中模拟客户端,而不是真正模拟它以这种方式注入我自己的客户端......但这真的是最好的选择吗?

由于@atlaskit/editor-core 上的文档相当小,我不知道该去哪里找...

到目前为止的发现:使用以下行可以启用模拟。

最小的例子:

任何链接、方向、建议或起点将不胜感激!!

0 投票
0 回答
46 浏览

reactjs - 如何用更多元素扩展 AtlasKit 编辑器?

我正在尝试为 HTML5 书籍构建一个编辑器,并发现 AtlasKit editor-core 是一个很棒的选择。但我需要比包装中的更多的元素。

例如,在输出中,我需要<aside>具有不同类的 s 来放置一些互补的内容。我了解 editor-core 不会以 HTML 格式存储信息,而是以 ADF 格式存储信息(在此 ADF 通过某种转换器编码后,HTML 出现)。所以我的问题有两个:

  • 如何使用更多元素类型扩展编辑器核心?
  • 如何控制 ADF 类型与 HTML 标记和类之间的映射?

看来我应该为此编写一个插件,但我浏览了文档并找不到这样做的方法。

0 投票
0 回答
74 浏览

reactjs - @atlaskit/tree 和 React,将引用正确转发到子组件

我正在尝试用自定义组件替换@atlaskit/tree示例中的简单渲染项,但我遇到了各种问题,主要是因为我不知道如何将引用正确转发到组件。

有人可以向我解释如何正确实现这一目标。他们已经为我提供了一个带有其他道具的 innerRef,但我很难理解如何使用它。

我在这里有一个问题的沙盒:https ://codesandbox.io/s/hopeful-tdd-75n1v

0 投票
0 回答
25 浏览

javascript - 容器 div 隐藏的 Atlaskit datePicker

我正在使用 atlaskit 日期选择器和 DateTime 选择器。我面临容器 div 隐藏的位置 datePicker 的问题。atlaskit/datetime-picker - 版本 10.0.1 Reactjs - 16.13.0

在此处输入图像描述

0 投票
1 回答
133 浏览

javascript - 将 atlaskit markdown 表示法转换为 html 元素

https://jira.atlassian.com/secure/WikiRendererHelpAction.jspa?section=all

https://atlaskit.atlassian.com/packages/editor/editor-markdown-transformer

我正在尝试将以下文本转换为“html”元素:-

https://codesandbox.io/s/atlaskiteditor-markdown-transformer-0-markdown-transformer-forked-9q428

在 markdown-transformer 提供的示例中,提供的 codeandbox 包缺少依赖项。如何解决这个问题?

如何将上述符号转换为相应的 HTML 元素。

0 投票
1 回答
123 浏览

node.js - 错误:不应在 @atlaskit/editor-core 导入命名的导出...

我正在尝试@atlaskit/editor-core第一次使用。我安装了它npm i @atlaskit/editor-core,我的 npm 版本是8.3.0,我的节点版本是16.13.1.

但是,当我尝试运行我的应用程序时,我收到许多具有相同模式的错误:

和其他类似的。

我的 package.json 包含这些依赖项:


我看到有人推荐包括"allowSyntheticDefaultImports": trueon tsconfig.json,但是,我没有这个文件,因为我没有使用 Typescript。所以我添加了 Typescript 和那一行,但所有错误仍然存​​在。


由于这是 node_module 文件夹中的错误,我不相信编辑包会起作用


我还尝试创建其他反应项目来测试这个,之后没有任何变化

但不幸的是,这给了我同样的错误。


非常感谢您的宝贵时间