Atom - HTML 代码在复制和粘贴时变为灰色（使用代码更新）答案

【问题标题】：Atom - HTML code turns gray when copying and pasting (updated with code)Atom - HTML 代码在复制和粘贴时变为灰色（使用代码更新）
【发布时间】：2021-01-17 20:04:10
【问题描述】：

我有一个奇怪的问题，当我在 atom 中复制并粘贴到我的 index.html 文件中时，它会使 html 代码变灰。此问题仅在我复制和粘贴时发生。它似乎与代码方面的任何东西都没有关系，因为无论我在做什么项目都会发生这种情况。如果我不复制并粘贴到 Atom 中，则不会发生此问题。它仅在我复制和粘贴时发生。我最终总是遇到这个问题，因为我需要复制并粘贴指向引导程序、jquery 等库的链接。如果我无法弄清楚，我将切换 IDE 进行 Web 开发真是太麻烦了。我什至尝试卸载并重新安装 Atom，但没有帮助。尽管它与代码无关，但这是我刚刚处理的一个 HTML 文件。

非常感谢任何帮助。谢谢！

<!DOCTYPE html>
<html lang="en">

<head>
  <title>Flask App</title>
  <link rel="stylesheet" href="../static/styles/style.css" />
  <!-- jQuery UI Styles -->
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" />

  <meta name="viewport" content="width=device-width, initial-scale=1" />

  <!-- Bootstrap CSS -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous" />

  <!-- Bootstrap bundle JS - includes boostrap's own JS plugins and Popper for tooltips and popovers -->
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW"
    crossorigin="anonymous"></script>
</head>

<body style="background-color: #202020; color: #fff">
  <h1 id="mainHeader">Should I buy, sell, or hold this stock?</h1>
  <div id="mainContainer" class="container">
    <form method="post" id="form">
      <!-- Enter stock symbol  -->
      <input id="stockInput" type="text" name="number" placeholder="Enter stock symbol or name..." size="30" />
      <!-- Radio buttons -->
      <div id="radioButtonContainerId">
        <p>
          <label for="isLiveFor" class="radio-inline">
            <input type="radio" name="radio" id="isLive" disabled="true" />
            Live tweets</label>
          <label for="isPastFor">
            <input type="radio" name="radio" id="isPastTweet" />
            Past tweets</label>
        </p>
      </div>

      <!-- Number of tweets  -->
      <p>
        <input id="numTweetsInput" type="number" name="numTweets" placeholder="Number of tweets" min="1"
          max="100000000000000" style="display: none" />
      </p>
      <!-- Date Range  -->
      <p>
        <input id="numDaysInput" type="number" name="numDays" placeholder="Past days" min="1" max="100000000000000"
          style="display: none" />
      </p>

      <!-- Submit Button  -->
      <p>
        <button class="btn btn-success">Submit</button>
      </p>
    </form>
  </div>

  <div class="container" id="percentResults">
    <p id="percentage"></p>
    <p id="square"></p>
  </div>

  <!-- 1. jQuery -->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

  <script src="../static/custom.js"></script>
</body>

</html>

【问题讨论】：

标签： html atom-editor color-scheme

【解决方案1】：

Atom 可能不会在您粘贴一些新代码后立即识别代码的语法，并且它的颜色看起来是灰色的。检查屏幕的右下角以确保 atom 选择了正确的语言/文件扩展名。如果 atom 不能自动识别代码语言，您可以手动选择此项。尝试从 Html 手动设置为 Html(Go) 或它识别的任何语法。

此外，如果文件未保存在特定文件扩展名中，代码将变为灰色。

【讨论】：

感谢您的意见，尽管我已经尝试过了。我已经用尽了堆栈溢出的所有内容，我可以找到考虑如何修复它，但没有任何效果。我真的很茫然。我不知道问题是什么。
应该可以的。如果它真的困扰你，那么我建议你使用 Visual Studio Code，它是程序员最好的文本编辑器。
谢谢巴达尔。是的，我要切换到那个。