可折叠/不可折叠列表视图类似于 Word 大纲视图

【问题标题】：Collapsible/Uncollapsible list view Like Word outline view可折叠/不可折叠列表视图类似于 Word 大纲视图
【发布时间】：2015-02-17 11:06:18
【问题描述】：

我知道有几个例子，但我无法完成我需要的。我需要从字段中获取文本并将其转换为类似于 word 中的大纲视图。这可以实现吗？任何事情都会有所帮助。如果您需要更多信息，我需要在 ServiceNow 上创建它，但 CSS/Javascript/HTML 中的任何内容都可以传输到它。谢谢！

【问题讨论】：

【解决方案1】：

在 MS Word 大纲视图中意味着勾勒一个选择：在 css 中我们可以实现如下：

HTML：

<div>This is some text to be outlined</div>

CSS：

::selection {
    color: white;
    background: blue;
}

【讨论】：

不是真的。它需要像 word 中的大纲视图一样折叠/展开。可能需要通过一个按钮触发并转换文本，就像我描述的视图一样。如何获取文本（可能是 word 的复制和粘贴）并将其解析为看起来与描述的视图非常相似？感谢您的回复！