如何配置 emacs 以编辑包含 JavaScript 的 HTML 文件？

有两种最好和最简单的方法来配置 emacs 以编辑包含 JavaScript 的 HTML 文件。

使用多网络模式
使用 web-mode-el

这两种方法都是最适合配置 emacs 来编辑 HTML 文件的方法，这些 HTML 文件不仅包含 JavaScript，还可以用于包含 CSS、 PHP、JSP 的 HTML 文件。只需将一些代码片段粘贴到主文件中即可完成工作。

使用 multi-web-mode：这是配置 emacs 的一种非常简单和简单的方法。人们只需要在他们的 .emac 文件中配置他们喜欢的模式，如下所示：

(require 'multi-web-mode)
(setq mweb-default-major-mode 'html-mode)
(setq mweb-tags 
  '((js-mode  "]*>" "")
    (css-mode "]*>" "")))
(setq mweb-filename-extensions '("htm" "html" "phtml"))
(multi-web-global-mode 1)

注意：此外，如果您想配置 emacs 来编辑包含其他语言（如PHP）的HTML 文件，您只需将PHP标记描述也包含在“setq mweb-tags”中。

多网络模式：下面是一个简单的安装步骤。打开您的 .emacs 文件并在那里添加以下代码。

(require 'multi-web-mode)
(setq mweb-default-major-mode 'html-mode)
(setq mweb-tags 
  '((php-mode "<\\?php\\|<\\? \\|<\\?=" "\\?>")
    (js-mode  "]*>" "")
    (css-mode "]*>" "")))
(setq mweb-filename-extensions '("php" "htm" "html" "ctp" 
                                 "phtml" "php4" "php5"))
(multi-web-global-mode 1)

另外，如果我们谈论 Multi web mode 的用法，那么它基本上绑定了以下按键：

M-：此笔划提示用户覆盖默认的主要模式。
M-：此笔划提示用户覆盖计算出的额外缩进。

这就是我们如何配置 Emacs 以编辑包含 JavaScript 的 HTML 文件。

使用 web-mode-el：这种配置 emacs 的方式最简单易行。我们可以使用主模式“web-mode.el”来编辑包含 JavaScript、CSS、 Java(JSP)、 PHP 的HTML 文件。 “Web-mode.el”使语法突出显示，并根据块的类型进行缩进。

Web-mode-el：可以通过以下方式使用它：

(require 'web-mode)
(add-to-list 'auto-mode-alist '("\\.html$" . web-mode))

示例：下面给出的示例显示了 web-mode-el 的使用。在这段代码中，我们使用了 HTML、JavaScript、CSS、 PHP。

HTML



  
    
    
    
    
  
  
    Hello Geeks!

输出：下面是相同的输出。

简单输出网页。

所以我们可以看到我们的代码进行了智能缩进，并且兼容多种语言。因此，这是配置 emacs 以编辑包含 JavaScript 的 HTML 文件的两种最佳和最简单的方法。

参考： https : //web-mode.org/