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

时间:2016-09-18 03:11:01

标签: javascript reactjs draftjs

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

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

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

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

1 个答案:

答案 0 :(得分:1)

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