Question

我正在为已经制作的软件制作帮助内容文档（当您按F1或导航到菜单栏中的“帮助”部分时，该软件会在每个软件中打开）。我正在使用简单的html / CSS / js页面。

对于出现在多个页面中的各种软件属性，有大量相同的文字说明。我们的想法是创建一个文本源文件，其中包含所有文本描述，然后在必要时使用某种特定文本部分的引用。

类似于使用CSS样式表在所有页面上应用样式，只有这样才能处理文本而不是样式。通过这种方式，我只能在一个文件中更改文本，并且无论在何处使用它都会适用。

我遇到了html SSI方法，但这只包括整个html页面而不仅仅是我想要的特定文本部分。我强烈建议不要为每个文本部分使用不同的文件。

有谁能请我指出正确的方向？

Answer 1

我认为你可以创建一个包含公共文本的JavaScript函数，并在需要时在代码中使用这些函数，因为你创建的JavaScript应该是一个外部文件，你可以在每个html页面中引用它你需要它。

例如，您可以使用一个函数返回＆＃34; Hello World＆＃34;并将其设置为＆＃34; p＆＃34; id =＆＃34; title＆＃34;的元素。因此，在每个具有id标题元素的页面中，您可以调用JavaScript函数将其文本设置为＆＃34; Hello World＆＃34;。使用此链接可以了解有关此主题的更多信息： http://www.w3schools.com/js/js_htmldom_html.asp

更新：我做了一点测试，我创建了以下JavaScript：

function helloTitle(){
    var text = "Hello World!";
    document.getElementById("title").innerHTML = text;
}

并在一些HTML页面中引用它：

<script src="commonText.js" type="text/javascript"></script>

之后我只需要调用我希望它修改的元素中的函数：

<p id="title"><script>helloTitle();</script></p>

如果您只使用JS，CSS和HTML，这是一个解决方案。应该有其他方法来实现这一目标。

希望这些信息对您有所帮助！

Answer 2

我想出了如何使用html命令https://www.w3schools.com/tags/tag_iframe.asp

来更轻松地进行大规模操作

在您的主要html文件中，您可以执行以下操作：

<p> <iframe src="Text.html" width="100%" height="300" style="border:1px solid black;"> </p>

，然后使用一些基本的html格式插入您想要的任何文本

<html>
<body>
    hmm idk what i should put here. Test    
</body>
</html>

在看起来完美之前，还需要进行一些CSS格式化，但是如果您想制作多行块，我认为这是最简单的方法。

如何在多个html页面中正确使用相同的文本部分？

2 个答案: