Atom - HTML 代码在复制和粘贴时变灰用代码更新

问题描述

我有一个奇怪的问题，当我复制并粘贴到 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>

解决方法

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

此外，如果文件未以特定文件扩展名保存，则代码会变为灰色。

atom-editor color-scheme html

Atom - HTML 代码在复制和粘贴时变灰用代码更新

问题描述

解决方法

相关问答