问题标签 [draft-js-plugins]

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 回答
184 浏览

npm - 未找到兼容版本:draft-js-utils@^1.3.3

在最近更新 draft-js-export-html 1.3.3 后,我们无法编译项目,因为找不到依赖项。我们得到下面提到的日志。

npm 错误!notarget 未找到兼容版本:draft-js-utils@^1.3.3

npm 错误!notarget 有效的安装目标:

npm 错误!无目标 1.3.2、1.3.0、1.2.4、1.2.0、1.1.0、1.0.2、1.0.1、0.2.0、0.1.7、0.1.6、0.1.5、0.1.4、0.1 .3, 0.1.2

npm 错误!没有目标

npm 错误!notarget 这很可能不是 npm 本身的问题。

npm 错误!notarget 在大多数情况下,您或您的依赖项之一正在请求

npm 错误!notarget 一个不存在的包版本。

npm 错误!notarget npm 错误!notarget 它被指定为 'draft-js-export-html' npm ERR 的依赖项!没有目标

你能帮我们解决吗?

注意: - 直到昨天也一样。27/2/2019

0 投票
1 回答
990 浏览

reactjs - DraftJs 使用所有样式和其他属性修剪内容,而不仅仅是文本

我有一个反应应用程序并使用 DraftJs。

在列表页面上,我的 ContentCard 组件使用来自 draft-js 的编辑器将 DraftJs 内容呈现为只读。

我想将 contentState 的简短版本显示为简短描述,列表页面最多 400 个字符。并在内容详细信息页面上完整的 contentState。

我使用了这种截断方法,但它只修剪文本。在这里我得到块,然后是文本。但是我怎样才能得到有字符限制的块。

例如; 第一个块包含 820 个具有所有不同样式词的字符。如何获得包含所有样式信息的前 400 个字符。我的意思是 400 个字符的块。

我想用粗体、斜体样式、链接和 opher 实体等显示 400 个字符。

0 投票
1 回答
105 浏览

javascript - DraftJS getBlocksAsArray() 在生产中返回一个数组,但在 dev 中返回一个数组(并且可以工作)

我有以下代码:

在我的开发环境中,控制台日志如下所示:

在此处输入图像描述

在生产环境中它看起来像这样:

在此处输入图像描述

不用说它们看起来非常不同并且来自相同的代码。除此之外,构建中的所有内容都有效(这是一个相当大的项目,有很多移动部件、节点模块等),所以我不确定是什么导致了这个特定问题。

从根本上说,问题在于相同的输入和结果,我从 getBlocksAsArray(); 得到不同的输出;

JSX 输出显示相同形状的对象,但 getBlocksAsArray() 具有不同的输出(根据上面的屏幕截图)

0 投票
1 回答
601 浏览

reactjs - Draft-js 更好的方法来保存和检索 MySql 中的内容

我在 reactjs 应用程序中使用带有一些插件的 Draft-js 作为编辑器。

我正在寻找一种将数据存储在 db 上并检索该数据的好方法。

我认为更好的解决方案是以两种不同的格式保存数据:

  • 序列化的原始 json 最终转换回内容以在草稿中重新编辑
  • 在查询和发布视图中使用的另一种格式

在我的帖子中,我有:

  • 提到
  • 标签
  • 链接

现在我认为只存储链接和标签的文本,并在前端使用 linkify 来呈现 href 标签,但我正在寻找一个很好的提及解决方案。也许是一个带有提及文本和用户 ID 的序列化字段?

我正在寻找一种解决方案,可以帮助我按内容搜索帖子,并通过快速查询检索大量内容。

这是带有标签和提及的两行的草稿 js json(在 entityMap 中)

0 投票
1 回答
1861 浏览

reactjs - 在 Draft-js NPM 中突出显示单词

我有一个 Draft-js 富编辑器。我所需要的只是突出显示一些我可以在数组中提供给它的单词。就像我可以以数组形式向我的编辑器提供一些单词并基于某些类一样,它可以突出显示这些单词。

有关使用 Draft-js 执行相同操作的任何外部库的任何信息都会有所帮助

0 投票
2 回答
1146 浏览

javascript - Draft.js 将一个 contentState 插入另一个

我有一个 Draft.js 编辑器,里面有一些 HTML。如何在当前选择位置插入一段新的 HTML,同时保留样式和实体/块映射?我知道如何通过以下方式插入原始文本Modifier.insertText

但它会剥离所有不好的 HTML。

0 投票
1 回答
860 浏览

reactjs - Draft.js 如何表示项目列表?

为了创建图像轮播,我认为创建嵌套块如下

  • image_carousels
    • 图片
    • 图片
    • 图片

然后我发现 draft.js 不支持嵌套块。(https://github.com/facebook/draft-js/issues/143他们说 draft.js 是平的)

但另一方面,还有 UL/OL 和 LI ,这就像组和元素结构。

有没有办法对元素/组件/块进行分组,以便我们可以渲染整个+个体(例如我们用单个图像渲染轮播)

0 投票
2 回答
962 浏览

reactjs - 如何在同一页面上初始化两个 Draftjs 编辑器?

我尝试左右创建两个编辑器,但是当我初始化它时出现问题,两个编辑器都出现故障,一个在第一个编辑器中输入它会自动进入第二个,反之亦然。

编辑器图像

我包含了所有库,当尝试使用单个编辑器运行时它工作正常,但使用第二个编辑器会产生一些问题。

下面是代码:

我错过了什么吗,如果我做错了,请帮助我。

0 投票
1 回答
794 浏览

reactjs - Draft-js-export-html 导出时不包含视频

目前,我正在使用草稿js编辑器,添加插件draft-js-video-plugin将视频插入编辑器并使用draft-js-export-html导出html,但htmk结果不包括视频标签或其他任何东西。

控制台日志stateToHTML(this.state.editorState.getCurrentContent())

我在这里发现与导出图像相同的问题,它们已经解决,但不适用于视频。我在 github 上阅读了他们的源代码,现在他们似乎只支持文本、链接和图像。

在此处输入图像描述

那么如何获得结果 HTML 包括来自草稿 js 的视频?请帮帮我,谢谢各位。

0 投票
1 回答
641 浏览

javascript - 在draft-js中选择后实体内的光标

我正在努力使实体样式按照我希望使用 Draft-js 的方式工作。我通过选择自动完成组件中的项目将样式实体添加到我的输入中。当我选择一个时,它可以工作,但插入符号会留在实体内,直到我添加另一个字符。有没有办法在实际实体之后移动插入符号而不添加空格?

我正在使用一个名为 的库draft-js-autocomplete,如有必要,我不介意提出拉取请求。

为了显示:

自动完成选择 选择后