Question

我很难找到这个，因为我不知道怎么称呼它。

我会尝试描述我想要的过程，看看你们中是否有人知道这样的编辑器。我有一个网站，其中重复了相同的html组件，例如菜单。我可以用css定义菜单的外观，但我不能（据我所知）用简单的线条为每个html页面添加相同的html。我所做的是将菜单复制到每个地方。如果我更改菜单，我需要再次完成所有操作。我知道这可以通过使用动态服务器来完成，例如php或jsp，但我不需要它是动态的。

我想知道是否有办法做到这一点。我想可能有一个编辑器，我可以使用includes编辑html，然后在修改后“编译”htmls以生成我将在我的服务器上替换的htmls。

由于

Answer 1

查看server side includes ...创建一个menu.shtml页面，然后将其包含在内：

<!--#include virtual="/menu.shtml" -->

大多数Web服务器都支持开箱即用（包括IIS，Apache和lighttpd）

Answer 2

您是否听说过MasterPage Concept

以下链接将为您提供快速入门

母版页是用作所有其他页面的框架的页面。你必须只写一个。并且每个页面都必须包含母版页。多数民众赞成！

Answer 3

您可以使用jquery

执行此操作

假设你有page1.html page2.html等。

您希望在每个页面中都有您的contactinfo。您可以创建名为“info.txt”的文件。在你想要这个联系信息的地方，你放了一个div。如本例所示

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
  </head>
  <body>
    <!-- page content -->
    <div id="contact"></div>
  </body>
</html>




<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>

<script>
$(document).ready(function(){
        $("#contact").load("info.txt");
    ;
});
</script>

无论你在'info.txt'中放置什么，都会放在你放的地方

Answer 4

您可以在外部文件中编写一个简单的js，然后在每个页面中调用它以动态加载菜单。然后，您可以通过编辑JS文件来编辑菜单。所有你需要做的就是在html中包含并使用document.getElementById（“menu”）。innerHTML = menuHTML;其中，menuHTML是一个包含菜单纯HTML代码的变量。然后，您可以包含JS文件并在body onload

中调用它

在几个页面中重复相同的HTML代码

4 个答案: