微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Vue:从外部HTML提取文本片段的明智方法

如何解决Vue:从外部HTML提取文本片段的明智方法

TL; DR在底部

在最近的工作项目上,我得到了一个非常非常规的要求。我们公司有一个外部帮助站点。在此帮助站点上,他们正在使用名为madcap Flare的软件-基本上,它使您可以在HTML文档中锚定特定的“帮助短语”。这样做的全部目的是使我们的帮助短语标准化并对其进行源代码控制。

最后,我得到的URL只是一个HTML文档,带有包含帮助短语的单个p标签

在我的应用程序中,我需要将帮助短语加载到我们的工具提示中。据我了解,Flare文档旨在供与Flare相似构建的网站使用。相反,我们有一个Vue.js应用,不能使用预制的“火炬组件”。

我需要这些帮助页面上唯一p标记内的文本。到目前为止,我的解决方案是从Vue组件中获取HTML文档,获取p标签的内部HTML,并将其存储在变量中,然后将其用作工具提示文本。

对此我有一些主要的担忧。我们正在提出几个请求,以获取整个HTML文档以仅获取一个字符串。不幸的是,我无权访问或控制帮助网站。

我的问题:还有其他更明智的方法吗?我可以访问Vue应用程序使用的API。我是否应该获取那里的所有文档,然后设置可以从前端访问的/ api / help端点?我该怎么做才能使其性能更高且更可靠?

TL; DR 我需要从Web上的外部(非本地)HTML文档中提取一个字符串,然后在Vue.js应用程序内部使用此字符串。我目前正在从组件内部获取HTML,然后获取内部文本并使用它。从性能角度看,这似乎很愚蠢。有更聪明的方法吗?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。