【问题标题】:Is there a ui-component for vaadin that I can use for text highlighting?是否有可用于文本突出显示的 vaadin ui 组件?
【发布时间】:2015-02-10 10:56:36
【问题描述】:

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

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

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

如果不存在任何组件,您能否建议我创建此类组件所需的步骤。

【问题讨论】:

标签: javascript vaadin vaadin7


【解决方案1】:

一些选项:

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

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

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

在底部文本区域中,我已右键单击,您可以看到上下文菜单出现“插入”和“清理”。这是可定制的,只需要一些 CSS 样式。

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

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

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

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

我会继续寻找...

【讨论】:

    猜你喜欢
    • 2012-12-25
    • 2019-08-18
    • 2016-12-15
    • 1970-01-01
    • 2023-03-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多