我可以像在 Dreamweaver 中那样使用 Brackets 中的代码库项目/片段吗？答案

【问题标题】：Can I use code libraries items/snippets in Brackets like they are implemented in Dreamweaver?我可以像在 Dreamweaver 中那样使用 Brackets 中的代码库项目/片段吗？
【发布时间】：2016-03-02 00:45:32
【问题描述】：

我喜欢在我的大部分项目中使用 Brackets 代码编辑器。然而，我的团队现在正在做一个特定的项目，我们需要为此创建多个可重用的组件来提供原型演示。我们使用 GIT 工作流程来构建所有不同的组件，并将它们放在多个原型 HTML 页面上。

但是，每次设计人员想要对特定组件/小部件进行更新时，我们都需要在所有原型页面中手动更新它。

我正在寻找一种方法来制作可重复使用的代码块，例如 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

我想我需要在本地服务器上尝试一下 - 可惜它在本地预览版上不起作用：@

【问题讨论】：

标签： html dreamweaver code-snippets adobe-brackets

【解决方案1】：

目前我能想到的最佳解决方案是使用 jQuery，因为我已经在使用该库在我们的页面上进行交互。

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

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

不幸的是，由于跨域阻止协议，它无法在我的 Chrome 浏览器中本地运行或预览。它也不是那么快，但它会做。

【讨论】：

【解决方案2】：

你可以使用 PHP 包含。它们的工作方式与您使用 jquery 描述的类似。简单地说，创建包含你想要的代码的文件并将其命名为 something.php 然后做一个简单的 php 包含。

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

您还可以将包含的内容组织到一个名为 inc 的文件夹中，以使其更有条理。我为我的所有网站的页脚、导航、菜单等执行此操作。我更新一个文件并繁荣，它会同时在每个网页上更新。多年来一直这样做。希望这对遇到此问题的其他人有所帮助，因为它是一个较旧的线程。

【讨论】：