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

另一种解决方案是 multi-web-mode：

https://github.com/fgallina/multi-web-mode

这可能比已经提到的 multi-mode 更容易配置。

您只需在 .emacs 文件中配置您的首选模式，如下所示：

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

更多关于 Emacs 的多种模式（叹气）在这里：

http://www.emacswiki.org/emacs/MultipleModes

更新：简化正则表达式以检测 JavaScript 或 CSS 区域，使它们与 HTML5 一起工作——不需要超精确和脆弱的正则表达式。

---

我已经为这种用法编写了主要模式 web-mode.el：编辑嵌入 JS、CSS、Java (JSP)、PHP 的 HTML 模板。您可以在 http://web-mode.org Web-mode.el 上下载它，它会根据块的类型进行语法高亮和缩进。安装很简单：

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

---

好问题。看看你在第一个投票中获得了多少赞！

每个人都有和你一样的经历。我也是。

我没有依赖 nhtml-mode ，它对我来说表现出与您描述的相同的陌生感，而是寻找另一个选项并找到 multi-mode.el 。它是一种通用的多模式骨架。要使用它，您需要指定正则表达式来描述一种模式的开始位置和另一种模式的结束位置。因此，您寻找 <script...> 来启动一个 javascript 块，并寻找 <style...> 来启动一个 css 块。然后你为每个块插入你自己的模式——如果你喜欢 espresso for javascript，使用它。对于标识其他块的其他正则表达式，依此类推。

实际上，当您浏览文档时，会为每个块启用不同的模式。

我使用多模式生成 ASP.NET，它允许我在单个文件中编辑 C#、HTML、CSS 和 Javascript，并根据光标在缓冲区中的位置进行适当的突出显示和字体化。它并不完美，但我发现它是对现有可能性的显着改进。事实上，这可能是你想要的。试试看。

https://code.google.com/p/csharpmode/source/browse/trunk/aspx-mode.el?r=14

---

如果您确实需要在您的 html 中包含 javascript，则不是一个很好的解决方案，但一个快速解决方法是选择包含 javascript 的区域并使用命令 narrow-to-region(C-x n n)，然后切换到您首选的 javascript 模式。命令 widen 将您带回 (C-x n w)。

---

听起来您的 nxhtml 设置不正确。唯一需要的设置应该是加载 autostart.el 文件，然后一切都应该在某种程度上工作。 nxhtml 在任何方面都不是完美的，但是我将它用于 html/css/javascript/mako 的经验非常好，至少对于除 mako 之外的所有东西都是如此。但我很确定我搞砸了 mako 部分。

这就是我初始化我的 nxhtml 的方式：

(when (load "autostart.el" t)
  (setq nxhtml-skip-welcome t
        mumamo-chunk-coloring 'submode-colored
        indent-region-mode t
        rng-nxml-auto-validate-flag nil))

---