括号代码编辑器 - data-brackets-id= 问题
Brackets Code Editor - data-brackets-id= Issue
我对编码还比较陌生,但在尝试了几个不同的编辑器之后,我发现 Brackets 是我最熟悉的编辑器。
有一件事困扰着我。在 Chrome Dev Tools Brackets 中给我 HTML 它自己的 data-brackets-id's
<body data-brackets-id='8'>
<div data-brackets-id='9' id="result"></div>
</body>
显然,这并没有反映在实际代码中,但它令人恼火,并使代码更难阅读。这也让我的导师发疯了。
我假设它与 Brackets 中的实时视图功能有关(我真的很喜欢),但我想确定地知道并且还想知道它是否可以被禁用。
我真的不想讨论哪个编辑器最好,因为我们都知道有很多优秀的代码编辑器。但是如果你有解决方案,我真的很想知道。
非常感谢。
是的,实时预览需要这些 ID,以便在您键入时立即更新 HTML(check out this talk 解释原因)。
您可以通过一些工作摆脱 id 属性,但是 HTML 编辑只会在您保存文件时反映出来(它会自动重新加载)。 CSS 编辑仍会反映在每次击键上,因为这不需要 ID。为此,您需要设置自定义本地 Web 服务器,然后将括号指向您的 localhost
URL。有关详细信息,请参阅括号文档中的 Live Preview - Using your own backend。
但是,通常您只能在打开 Dev Tools 时才能知道 ID 存在——这通常会断开 Live Preview 的连接。因此,另一种选择是在编辑时使用具有完整 HTML 实时更新的实时预览,但在需要使用 Dev 调试页面时打开页面 而没有 实时预览工具。
我对编码还比较陌生,但在尝试了几个不同的编辑器之后,我发现 Brackets 是我最熟悉的编辑器。
有一件事困扰着我。在 Chrome Dev Tools Brackets 中给我 HTML 它自己的 data-brackets-id's
<body data-brackets-id='8'>
<div data-brackets-id='9' id="result"></div>
</body>
显然,这并没有反映在实际代码中,但它令人恼火,并使代码更难阅读。这也让我的导师发疯了。
我假设它与 Brackets 中的实时视图功能有关(我真的很喜欢),但我想确定地知道并且还想知道它是否可以被禁用。
我真的不想讨论哪个编辑器最好,因为我们都知道有很多优秀的代码编辑器。但是如果你有解决方案,我真的很想知道。
非常感谢。
是的,实时预览需要这些 ID,以便在您键入时立即更新 HTML(check out this talk 解释原因)。
您可以通过一些工作摆脱 id 属性,但是 HTML 编辑只会在您保存文件时反映出来(它会自动重新加载)。 CSS 编辑仍会反映在每次击键上,因为这不需要 ID。为此,您需要设置自定义本地 Web 服务器,然后将括号指向您的 localhost
URL。有关详细信息,请参阅括号文档中的 Live Preview - Using your own backend。
但是,通常您只能在打开 Dev Tools 时才能知道 ID 存在——这通常会断开 Live Preview 的连接。因此,另一种选择是在编辑时使用具有完整 HTML 实时更新的实时预览,但在需要使用 Dev 调试页面时打开页面 而没有 实时预览工具。