logo标签列表

React.JS - 使用React组件管理contenteditable div的内容

reactjscontenteditable
11

我正在寻找将contenteditable元素管理为React组件的方法。

通过使用React DevTools扩展程序探索Facebook的源代码，可以发现他们编写了一个contenteditable注释编辑器，似乎完全由React管理。

enter image description here

您可以在组件树中看到更新conteneditable触发更新其子组件树的节点。

你的编程问题不够明确。要求某人详细说明如何创建复杂的编辑器太过宽泛。 - WiredPrairie
1
熟悉React的人应该知道，在提供流畅的用户体验的同时，管理可靠的contenteditable元素状态所面临的困难。我不是在问如何创建复杂的编辑器，因为这方面已经有很多了；我更想知道如何将contenteditable元素的状态作为React组件进行管理的方法。 - Max
2
Facebook很可能花费了无数小时来使该控件的工作如此顺畅。你可能可以重新实现它，但要做好大量的工作准备。可编辑元素以棘手的边缘情况和浏览器兼容性问题而闻名。他们的组件很可能不是开放的，也不能够开放 - 它可能与其系统的其他部分深度集成。 - Jacob Oscarson
3个回答
4
2
2
顶部链接显示404错误。应该是https://github.com/lovasoa/react-contenteditable。 - Justin Lawrence
-1

在React JS中控制可编辑内容的一个使用案例：

One use case of controlling content editable in react js

1
感谢您的回答。最好以文本形式（作为您回答中的代码块）提供代码，而不是图像，因为这对于每个读者都是无障碍的。 - Ingo Steinke
欢迎来到SO！所有的代码和错误信息必须以文本格式发布，以便轻松地复制粘贴到编辑器和搜索引擎中。文字图片可能难以阅读，特别是在移动设备上，这样的帖子可能会被删除。此外，SO强烈鼓励解释您的解决方案如何解决OP的问题。奖励：随着未来访问者将您的帖子中的知识和见解应用于自己的编码问题，高质量的答案往往会获得更多的赞同。考虑编辑以提高您的帖子质量。 - SherylHohman
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接