是否有 vaadin 的 ui 组件可用于文本突出显示?

Is there a ui-component for vaadin that I can use for text highlighting?

我是 Javascript 和 Vaadin 的新手。我正在寻找一个允许突出显示和注释的文本组件。这就是我的想法。

我想在我的网页上显示几个段落,然后用户应该能够 select 文本的某些部分并添加突出显示。当用户点击突出显示的部分时,我想显示一个包含一些操作的上下文菜单。

是否有 vaadin 组件或其他一些 javascript 组件我可以使用或修改来实现我正在寻找的东西?

如果不存在任何组件,您能否建议我创建这样一个组件需要执行的步骤。

部分选项:

富文本区:https://vaadin.com/book/-/page/components.richtextarea.html

上下文菜单:https://vaadin.com/directory#!addon/69

我制作了一个带有富文本区域和上下文文本区域的快速演示项目。

我在底部的文本区域单击鼠标右键,您可以看到上下文菜单出现 "Insert" 和 "Clean"。这是可定制的,只需要一些 css 样式。

您可以使用类似于维基百科的富文本区域来编辑文本吗?也许通过在上下文菜单中添加编辑选项卡或编辑选项?

或者您可以在双击激活的弹出面板中编辑文本?可能看起来很酷!

http://demo.vaadin.com/sampler/#ui/structure/popup-view (你可以在上面放置任何带有组件的布局)

或者您可以将文本放在只读文本区域,甚至可以使用上下文菜单更改突出显示文本的背景颜色?

我会继续寻找...