我可以像在Dreamweaver中实现的那样在括号中使用代码库项目/片段吗？

问题描述：

我喜欢使用Brackets代码编辑器来处理大部分项目。然而，我的团队正在做一个特定的项目，我们将需要创建多个可重用组件来提供原型演示。我们使用GIT工作流来构建所有各种组件，并将它们放在多个原型HTML页面上。然而，每当设计者想要更新某个特定的组件/小部件时，我们都需要在所有原型页面上手动更新它。我可以像在Dreamweaver中实现的那样在括号中使用代码库项目/片段吗？

我正在寻找一种方法，使一个可重用的代码块如Adobe Dreamweaver如何使用图书馆资料，以简化这个工作流程https://helpx.adobe.com/dreamweaver/using/library-items.html

我无法找到括号中的等价物。我看着这个插件https://github.com/chuyik/brackets-snippets - 但我不认为这是我需要的。

有没有一个方便的解决方案呢？也许我可以使用嵌入在HTML代码中的导入函数从另一个目录插入/导入窗口小部件HTML代码？

更新：

我刚才尝试使用jQuery的解决方案，在这里Include another HTML file in a HTML file提出，但本地预览文件 - 它似乎并没有工作。它给像这样

XMLHttpRequest cannot load file:///D:/Ryan%20GitHub/SLQ-Homepage-with-packery/html/widget-social.html. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.k.cors.a.crossDomain.send @ jquery.js:8625

我想我需要去尝试这种在本地服务器上的错误 - 耻辱它不会在本地预览工作：@

答

最好的解决办法我能拿出的时间正在使用jQuery，因为我已经在我们的页面上使用该库进行交互。

<html> 
    <head> 
    <script src="jquery.js"></script> 
    <script> 
    $(function(){ 
     $("#includedContent").load("b.html"); 
    }); 
    </script> 
    </head> 

    <body> 
    <div id="includedContent"></div> 
    </body> 
</html>

不幸的是，由于跨域阻止协议，它在我的Chrome浏览器中无法正常工作或预览。这不是那么快，但它会做。

答

那么你可以使用PHP包括。它们的工作方式与您用jQuery描述的内容相似。简而言之，创建具有所需代码的文件并将其命名为something.php然后执行一个简单的php include。

<?php 
    include('something.php'); 
?>

您还可以将includes包含到名为inc的文件夹中，以使其更加有条理。我为我所有的页脚，导航，菜单等网站都做了这个工作。我更新了一个文件和繁荣，它会立即更新每个网页。多年来一直这样做。希望这可以帮助其他人解决这个问题，因为它是一个较老的线程。

我可以像在Dreamweaver中实现的那样在括号中使用代码库项目/片段吗？

相关推荐