javascript - 突出显示带有注释的选择,在悬停时显示并且可编辑

标签 javascript reactjs draftjs

我尝试使用 draft.js 实现一个文本编辑器,它具有一些功能来更正文本。这个想法是突出一个错误,并写一些注释来纠正它。将鼠标悬停在突出显示的文本上,注释应该会显示出来并且可以编辑。

我已经写了一些内联样式来突出显示文本,但是内联样式只能用一个跨度(或另一个)包裹一些文本并给它一些样式(https://facebook.github.io/draft-js/docs/advanced-topics-inline-styles.html#content)

但是,我需要处理 onmouseover/onmouseleave 事件以显示注释并最终对其进行编辑。

我可以用方 block 或其他东西包裹选区吗?该 block 将是另一个 block 内的跨度,如内联样式 ...

最佳答案

A decorator .让您有机会使用自定义 React 组件来呈现某些文本。因此,您可以在 React 组件中注册鼠标事件。

关于javascript - 突出显示带有注释的选择,在悬停时显示并且可编辑,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39553675/

相关文章:

reactjs - 如何在 react 之外访问 redux 中的当前存储状态?

javascript - 如何将可观察到的 knockout 与 jquery barrating 插件连接起来?

javascript - JavaScript 中的 (function() { } )() 结构是什么?

reactjs - 如何将 Coffeescript 2 视为 JSX? (网络包/巴别塔)

javascript - React-router:URL参数存在于this.props中的两个不同位置?

javascript - Draft.js和stateToHTML,如何在react组件中渲染输出html?

reactjs - 如何从draftjs中检索文本

javascript - 使用 Draft.js 从字符串创建状态时设置光标位置

javascript - 不工作 : <form onsubmit ="alert(event.shiftKey)"> on Javascript

javascript - 避免重复计算优化嵌套for循环的时间复杂度