问题标签 [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.
draftjs - Draft JS 中的嵌套块引用
我很好奇是否可以嵌套blockquote
在草稿js中?目前我正在使用convertFromHTML
将一系列嵌套blockquote
标签转换为ContentState
但似乎只有第一个blockquote
被计算在内。
谢谢!
javascript - 当它的 readOnly 属性为真时,如何在 Draft.js 编辑器中将自定义渲染块设为只读?
我正在使用 Draft.jsEditor
组件。我有一个通过blockRendererFn
prop 正确指定的自定义块渲染器。该组件按照Draft 文档中的建议呈现EditorBlock
从 Draft-js 导入的内容。在我在自定义块渲染器中获得的道具中,我没有该块是否为只读的信息。至少默认情况下不是。我可以通过 得到它,但是我觉得我错过了一些东西。喜欢它应该在使用. 就像它可以从上下文或其他东西中获取价值一样。blockProps
EditorBlock
readOnly
我有责任在没有EditorBlock
whenreadOnly
的情况下渲染我的块true
吗?我是否有责任通过 将readOnly
值传播到我的自定义块渲染器blockProps
?
ckeditor - Draft.js VS CKEditor?
我们可以说 Draft.JS 是 CKEditor 的替代品吗?
我已经阅读了有关 Draft.js 的内容,到目前为止,我得出的结论是它仅针对 React.js 编写,而另一方面,CKEditor 可用于 PHP、JS 等。
javascript - Draft.js 的 RichUtils.toggleInlineStyle 不起作用
Draft.js 的 RichUtils.toggleInlineStyle 无法正常工作。请帮忙!我的代码在JSfiddle上。
有什么误解吗?
draftjs - 替换内容块
伙计们!请帮忙。
我想要什么:从新行开始时,用户键入一个 URL 并按下Enter
我想删除包含该 URL 的块并将其替换为自定义Entity
. 很像文档中的媒体示例,但没有Add image
按钮。
我尝试了什么:(只是一个粗略的草稿)
它几乎做了我想要的,但是按退格键不能删除插入的块,光标只是跳到右上角。
我的问题:替换块的推荐方法是什么?你如何删除一个块?为什么我插入的块不会被删除?
谢谢!
reactjs - 如何清除 Draft-js 中的输入字段
我见过的 Draft-js 演示(由 Facebook,基于 React 构建)都没有展示如何在提交后清除输入字段。例如,请参阅从 awesome-draft-js 链接到的代码笔,您提交的值在提交后仍保留在输入字段中。api中似乎也没有任何 功能可以做到这一点。我所做的就是像这样在按钮提交时创建一个新的空状态
但是,由于我在像这样加载编辑器时在构造函数中创建了一个空状态
我担心我可能没有以正确的方式进行操作,即先前的状态对象可能会成为内存泄漏。问题:在上述情况下重置状态的预期方式是什么(即按钮提交)
draftjs - Draft.js 中列表的处理选项卡
我有一个由 Draft.js 提供的编辑器的包装器,我想让 tab/shift-tab 键像它们应该为 UL 和 OL 一样工作。我定义了以下方法:
在这里,我有一个方法,_onTab
它连接到Editor.onTab
我调用RichUtil.onTab()
的 ,我假设它返回 updated EditorState
,然后我将它传递给更新 EditorState 并调用一些回调的通用方法。但是,当我点击 tab 或 shift-tab 时,什么也没有发生。
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.
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.