问题标签 [react-draft-wysiwyg]
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.
javascript - React DraftJS 光标在输入现有内容后自动跳转到开头并开始向后输入?
我正在使用 DraftJS 编辑文本内容,但是当我尝试编辑从 DB 检索并加载到编辑器中的任何现有内容时,光标会自动跳转到文本的开头,并且我开始从反向输入。
我已经导入了Editor
into Bulletin.js
,所以我必须通过in 的函数getContent
传入Editor
并检索原始 html来获取内容。getContent
handleEditorChange
Editor
我发现如果我删除了getContent
将原始 HTML 传回的功能handleEditorChange
,编辑器可以正常工作,但是我将无法将 html 内容返回到Bulletin.js
.
这是我创建的代码框以供参考。
reactjs - 如何在“a href”链接中添加数据属性 htmlToDraft html-to-draftjs
当我写
在一个字符串中,我尝试通过我在编辑器中得到的代码将它添加到编辑器中
任何建议如何使用 a 标签将 data-x='test' 带到编辑器?
这是我的代码
reactjs - DraftJS:在文本中添加对话框弹出按钮
我正在尝试使用博客制作社交网络应用程序,并且正在使用 react-draft-wysiwyg 制作文本编辑器。博客帖子被保存到数据库中,我正在使用危险的SetInnerHTML 检索帖子内容。我想做一个功能,当博客文章中提到某人时,用户可以单击某个按钮(即博客文章内容内部),当单击按钮时,会显示模态并用户关注该人。
是否可以使用 draft.js 做到这一点?我正在阅读文档,但我不清楚该使用什么。
draftjs - 如何在选择中添加工具提示?
当用户选择一些文本时,我希望能够在所选文本的正下方显示一个工具提示?有什么想法我该怎么做?
javascript - react-draft-wysiwyg 默认值样式不加载
我无法在 React-draft-wysiwyg 中加载默认值样式。Codesandbox 链接:编辑器
我试过什么?我正在使用 react-draft-wysiwyg 库进行编辑器和 draft-js 进行初始化和转换,并且我已经通过样式传递了默认值。如果我删除样式标签,它工作正常。但是添加样式后它不起作用。如何修复默认值的样式问题
flutter - Flutter 显示 Draft JS 内容
我在 Draft JS for Flutter 中找到的两个 pub 包似乎不再维护。
无论如何将来自数据库的 Draft JS 内容显示到 Flutter 上?
我的其他使用 Draft JS 的开发人员如何在 Flutter 中渲染他们的内容?或其他一些移动应用程序,如新闻应用程序(例如亚洲新闻频道或 IGN)呈现他们的内容细节?
reactjs - Draft.js (react-draft-wysiwyg):编辑器组件外部的文本更新不起作用
我正在尝试将文本从调用组件更新到编辑器组件。我使用道具从调用者传递文本,但是当文本更改(道具在 ContentEditor 中更新)时,编辑器组件中的文本不是:
下面是调用组件的代码:
这是受控编辑器的代码:
谢谢您的帮助
------- 更新 1 -------
- 我在 Draft.js 上使用react-draft- wysiwyg 构建
- 要呈现的文本是 HTML,所以我更新了代码
- Linda Paiste用componentDidUpdate回答解决了主要问题链接
遵循工作代码(对我而言):
reactjs - Can we add extra font family in react-draft-wysiwyg editor
How to add extra custom font families in react-draft-wysiwyg draft editor currently I am having fontfamily:{options:[Arial,Georgia,impact,tahoma,Times new Roman verdena]} inside toolbar. Can we add extra custom fontfamilies?. If yes, can you please share me example or part of code.
Iam using the following editor version draft-js: 0.10.x immutable: 3.x, 4.x react: 0.13.x, 0.14.x, ^15.0.0-0, 15.x.x react-dom: 0.13.x, 0.14.x, ^15.0.0-0, 15.x.x
draftjs - 如何在 Draftjs 编辑器中的图像上添加锚标记
我在我的项目中使用Draftjs编辑器,需要在图像上添加一个锚标记我没有找到任何解决方案来说明如何做到这一点,谁能告诉我如何做到这一点或任何参考链接。谢谢。