Question

我使用notepad ++并且有一个包含css和javascript的index.html文件。

有没有办法显示css和javascript代码，就像以文件格式保存文件一样;但在这种情况下，在html文件中？

任何用于记事本++的编辑器，软件，插件？

Answer 1

您可以使用JavaScript库Highlight.js或Prism.js来突出显示<pre>和<code>。另一种方法是使用GitHub gist嵌入代码。

下载javascript库或将以下内容用于Highlight.js：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/default.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

用法：<pre><code class="css"> --you code goes here-- </code></pre>，将类名更改为class="js"以获取javascript。

对于Prism.js：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.8.4/themes/prism.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.8.4/prism.min.js"></script>

用法：<pre><code class="language-css"> --you code goes here-- </code></pre>，将类名更改为class="language-js"以获取javascript。

每个图书馆都有各种主题。

要使用GitHub gist嵌入代码，请粘贴代码并创建公共要点。然后复制提供的嵌入链接并将其粘贴到您的html上。

Answer 2

我不完全明白你在问什么，但这是我的答案：要向您的HTML添加javascript文件/库：要将javascript直接添加到HTML代码中：这里有一些脚本......＆lt; \ script＆gt; 要在HTML中添加CSS文件：要将CSS直接添加到HTML代码中：你的CSS ......

修改

所以现在我明白你想要什么，但我不知道有什么补充。就个人而言，当我开始编写HTML和其他相关语言时，我使用了Coffee Cup免费HTML编辑器：https://www.coffeecup.com/ 现在我编写了更专业的代码，我下载了一个名为Microsoft Visual Studio 2017的大型编辑器。

显示以文件格式保存文件时的css和javascript代码。但在html文件里面？

2 个答案: