问题标签 [draftjs]

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 投票
2 回答
1459 浏览

draftjs - Draft JS 中的嵌套块引用

我很好奇是否可以嵌套blockquote在草稿js中?目前我正在使用convertFromHTML将一系列嵌套blockquote标签转换为ContentState但似乎只有第一个blockquote被计算在内。

谢谢!

0 投票
2 回答
7264 浏览

javascript - 当它的 readOnly 属性为真时,如何在 Draft.js 编辑器中将自定义渲染块设为只读?

我正在使用 Draft.jsEditor组件。我有一个通过blockRendererFnprop 正确指定的自定义块渲染器。该组件按照Draft 文档中的建议呈现EditorBlock从 Draft-js 导入的内容。在我在自定义块渲染器中获得的道具中,我没有该块是否为只读的信息。至少默认情况下不是。我可以通过 得到它,但是我觉得我错过了一些东西。喜欢它应该在使用. 就像它可以从上下文或其他东西中获取价值一样。blockPropsEditorBlockreadOnly

我有责任在没有EditorBlockwhenreadOnly的情况下渲染我的块true吗?我是否有责任通过 将readOnly值传播到我的自定义块渲染器blockProps

0 投票
2 回答
1861 浏览

ckeditor - Draft.js VS CKEditor?

我们可以说 Draft.JS 是 CKEditor 的替代品吗?

我已经阅读了有关 Draft.js 的内容,到目前为止,我得出的结论是它仅针对 React.js 编写,而另一方面,CKEditor 可用于 PHP、JS 等。

0 投票
3 回答
2472 浏览

javascript - Draft.js 的 RichUtils.toggleInlineStyle 不起作用

Draft.js 的 RichUtils.toggleInlineStyle 无法正常工作。请帮忙!我的代码在JSfiddle上。

有什么误解吗?

0 投票
1 回答
2105 浏览

draftjs - 替换内容块

伙计们!请帮忙。

我想要什么:从新行开始时,用户键入一个 URL 并按下Enter我想删除包含该 URL 的块并将其替换为自定义Entity. 很像文档中的媒体示例,但没有Add image按钮。

我尝试了什么:(只是一个粗略的草稿)

它几乎做了我想要的,但是按退格键不能删除插入的块,光标只是跳到右上角。

我的问题:替换块的推荐方法是什么?你如何删除一个块?为什么我插入的块不会被删除?

谢谢!

0 投票
1 回答
336 浏览

reactjs - 显示来自 Draftjs 的数据块

如何从Draftjs 编辑器中显示我保存到 mongodb 的原始反应组件

这是我的数据库中的内容:

我发现了如何将它返回给编辑器(编辑数据),一切都很好。但是我不能在前端显示它。

我还尝试将我的编辑器内容导出到语义 HTML,这就是我收到的: Draftjs 转义 html 失败

但就像你看到的那样,我不知道如何显示它,不是作为字符串而是作为 html ..

你对我的问题有什么好的解决办法吗?

0 投票
4 回答
9008 浏览

reactjs - 如何清除 Draft-js 中的输入字段

我见过的 Draft-js 演示(由 Facebook,基于 React 构建)都没有展示如何在提交后清除输入字段。例如,请参阅从 awesome-draft-js 链接到的代码笔,您提交的值在提交后仍保留在输入字段中。api中似乎也没有任何 功能可以做到这一点。我所做的就是像这样在按钮提交时创建一个新的空状态

但是,由于我在像这样加载编辑器时在构造函数中创建了一个空状态

我担心我可能没有以正确的方式进行操作,即先前的状态对象可能会成为内存泄漏。问题:在上述情况下重置状态的预期方式是什么(即按钮提交)

0 投票
2 回答
3460 浏览

draftjs - Draft.js 中列表的处理选项卡

我有一个由 Draft.js 提供的编辑器的包装器,我想让 tab/shift-tab 键像它们应该为 UL 和 OL 一样工作。我定义了以下方法:

在这里,我有一个方法,_onTab它连接到Editor.onTab我调用RichUtil.onTab()的 ,我假设它返回 updated EditorState,然后我将它传递给更新 EditorState 并调用一些回调的通用方法。但是,当我点击 tab 或 shift-tab 时,什么也没有发生。

0 投票
2 回答
848 浏览

clojurescript - Using Draft.js with Reagent

Does anyone have any luck adapting Draft.js for Reagent? There's pretty heavy editing issues if Draft.js is imported right away via reagent/adapt-react-class. Cursor jumps, disappearing symbols when you're typing, onChange calls with incorrect EditorState, you name it.

People are reporting problems like this in clojurians/reagent Slack channel, but it seems there's no solution so far.

Any help would be greatly appreciated.

0 投票
0 回答
148 浏览

reactjs - Draft.js only expose content

I'm building a simple text editor that relies on Draft.js for decorating the text (mainly highlighting). I really like how simple it is to build a reliable input that has custom syntax highlighting.

However, I do not like the fact that I have to expose the entire editor state to do this. I'd prefer to have an editor that has just a value property that takes a string and passes a string trough the onChange prop.

This seems a reasonable thing to be able to do, yet I'm dumbfounded by how hard it is to transfer selection state.

Because of how draft.js is implemented, I find this hard to do. I need to create a new editorState based on the value prop every time it changes, which is doable, But it is hard to transfer selectionState between the old editorState and the new one because the selectionState relies on opaque identifiers that are unique to each state.

Has anyone tried to accomplish this? Is draft.js overkill for this an should I use a simpler solution that also works? I'm only using the decorators so I guess it would not be super-hard to just rebuild that part.