问题标签 [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.

0 投票
1 回答
206 浏览

javascript - React DraftJS 光标在输入现有内容后自动跳转到开头并开始向后输入?

我正在使用 DraftJS 编辑文本内容,但是当我尝试编辑从 DB 检索并加载到编辑器中的任何现有内容时,光标会自动跳转到文本的开头,并且我开始从反向输入。

我已经导入了Editorinto Bulletin.js,所以我必须通过in 的函数getContent传入Editor并检索原始 html来获取内容。getContenthandleEditorChangeEditor

我发现如果我删除了getContent将原始 HTML 传回的功能handleEditorChange,编辑器可以正常工作,但是我将无法将 html 内容返回到Bulletin.js.

是我创建的代码框以供参考。

0 投票
0 回答
74 浏览

reactjs - 如何在“a href”链接中添加数据属性 htmlToDraft html-to-draftjs

当我写

在一个字符串中,我尝试通过我在编辑器中得到的代码将它添加到编辑器中

任何建议如何使用 a 标签将 data-x='test' 带到编辑器?

这是我的代码

0 投票
0 回答
55 浏览

reactjs - DraftJS:在文本中添加对话框弹出按钮

我正在尝试使用博客制作社交网络应用程序,并且正在使用 react-draft-wysiwyg 制作文本编辑器。博客帖子被保存到数据库中,我正在使用危险的SetInnerHTML 检索帖子内容。我想做一个功能,当博客文章中提到某人时,用户可以单击某个按钮(即博客文章内容内部),当单击按钮时,会显示模态并用户关注该人。

是否可以使用 draft.js 做到这一点?我正在阅读文档,但我不清楚该使用什么。

0 投票
4 回答
173 浏览

draftjs - 如何在选择中添加工具提示?

当用户选择一些文本时,我希望能够在所选文本的正下方显示一个工具提示?有什么想法我该怎么做?

0 投票
1 回答
212 浏览

javascript - react-draft-wysiwyg 默认值样式不加载

我无法在 React-draft-wysiwyg 中加载默认值样式。Codesandbox 链接:编辑器

我试过什么?我正在使用 react-draft-wysiwyg 库进行编辑器和 draft-js 进行初始化和转换,并且我已经通过样式传递了默认值。如果我删除样式标签,它工作正常。但是添加样式后它不起作用。如何修复默认值的样式问题

0 投票
0 回答
262 浏览

javascript - react-draft-wysiwyg 编辑器文本未显示某些样式

我正在使用 react-draft-wysiwyg 文本编辑器,它以前工作正常,但我不知道为什么文本没有显示某些样式。

在此处输入图像描述

你可以看到我应用了样式bold,italic,underline,strikethrough,但文字只显示underlinestrikethrough。它以前工作正常。有人可以帮助解决问题吗?

0 投票
1 回答
137 浏览

flutter - Flutter 显示 Draft JS 内容

我在 Draft JS for Flutter 中找到的两个 pub 包似乎不再维护。

无论如何将来自数据库的 Draft JS 内容显示到 Flutter 上?

我的其他使用 Draft JS 的开发人员如何在 Flutter 中渲染他们的内容?或其他一些移动应用程序,如新闻应用程序(例如亚洲新闻频道或 IGN)呈现他们的内容细节?

0 投票
1 回答
1442 浏览

reactjs - Draft.js (react-draft-wysiwyg):编辑器组件外部的文本更新不起作用

我正在尝试将文本从调用组件更新到编辑器组件。我使用道具从调用者传递文本,但是当文本更改(道具在 ContentEditor 中更新)时,编辑器组件中的文本不是:

下面是调用组件的代码:

这是受控编辑器的代码:

谢谢您的帮助

------- 更新 1 -------

  • 我在 Draft.js 上使用react-draft- wysiwyg 构建
  • 要呈现的文本是 HTML,所以我更新了代码
  • Linda PaistecomponentDidUpdate回答解决了主要问题链接

遵循工作代码(对我而言):

0 投票
0 回答
247 浏览

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

0 投票
0 回答
51 浏览

draftjs - 如何在 Draftjs 编辑器中的图像上添加锚标记

我在我的项目中使用Draftjs编辑器,需要在图像上添加一个锚标记我没有找到任何解决方案来说明如何做到这一点,谁能告诉我如何做到这一点或任何参考链接。谢谢。