使用Emacs编辑包含CSS,javascript和HTML的网页时,人们使用什么模式？

Question

使用Emacs编辑包含CSS,javascript和HTML的网页时,人们使用什么模式？

通常代码类似于:

<html>
  <head>
    <style type="text/css">
       body { font-size:12pt; font-family: Arial;}
        ....
    </style>
    <script type="text/javascript" src="jquery.1.3.2js"></script>
    <script type="text/javascript">
    <!--
        $(document).ready(function(){
          ...
        });
        ...
    -->
    </script>
    <meta ... />
  </head>
  <body>
    <div>
      <p>
       ....
      </p>
      ...
    </div>
    ....
  </body>
</html>

Run Code Online (Sandbox Code Playgroud)

我喜欢javascript模式的合成文字突出显示和缩进.同样适用于HTML的sgml-mode.此外,我在打开的标签上自动完成.Css模式并不是那么重要,所以它不是一个优先事项.

这是3种不同的语言和3种模式.现在我在编辑不同部分时手动交换模式.这有点工作.

谁有更好的方法？

Answer 1

ave*_*ael 21

自从web模式出现以来,我已经摆脱了mumamo和nxhtml.web模式更易于使用和安装.首先,它使用混合js/html/css文件的不同语法突出显示和缩进.但对我来说,真正方便的是它适用于其他模板语言.以下是他们网站的示例配置:

(require 'web-mode)
(add-to-list 'auto-mode-alist '("\\.phtml\\'" . web-mode))
(add-to-list 'auto-mode-alist '("\\.tpl\\.php\\'" . web-mode))
(add-to-list 'auto-mode-alist '("\\.jsp\\'" . web-mode))
(add-to-list 'auto-mode-alist '("\\.as[cp]x\\'" . web-mode))
(add-to-list 'auto-mode-alist '("\\.erb\\'" . web-mode))
(add-to-list 'auto-mode-alist '("\\.mustache\\'" . web-mode))
(add-to-list 'auto-mode-alist '("\\.djhtml\\'" . web-mode))

Run Code Online (Sandbox Code Playgroud)

Answer 2

Elf*_*red 11

我认为mumamo通常用于此.http://www.emacswiki.org/emacs/MuMaMo

显然mumamo已经更新了4年,而较新的网络模式是活跃的.见[这篇文章](http://stackoverflow.com/a/21222987/48082) (3认同)

Answer 3

the*_*mis 8

我使用nXhtml进行emacs.从页面引用

nXhtml的主要部分之一是nxhtml-mode,一种基于nxml-mode构建的GNU Emacs主模式.它了解XHTML语法,可以在键入时检查它.它还可以告诉您在某个点可以使用的标记和属性,并帮助您插入它们.

该功能,我们称之为完成,是此模式的主要功能之一.另一个重要特性是能够在一个缓冲区中混合使用多种语言,并为每种语言获得正确的语法突出显示和缩进.

我收回了我对nXhtml模式的所有怀疑.关于nXhtml的很酷的部分是Mumamo模式,它正是我所描述的 - 它在单个缓冲区中支持多种模式.我可以在同一个文件中编辑和缩进Javascript,CSS和(X)HTML.尼斯.谢谢. (2认同)

归档时间：	15 年，12 月前
查看次数：	4887 次
最近记录：	11 年，5 月前