blocks|key|847416|text|问得好。看看你在第一次比赛中得到了多少好评！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|847417|每个人都有和你一样的经历。我也是。|847418|我没有依赖于nhtml-mode，因为它给我带来了你所描述的那种陌生感，我寻找了另一种选择，并找到了multi-mode.el。它是一种通用的多模式框架。要使用它，您需要指定正则表达式来描述一种模式的开始位置和另一种模式的结束位置。因此，您可以使用<script...>来启动javascript块，使用<style...>来启动css块。然后你为每个模块插入你自己的模式--如果你喜欢espresso+for+javascript，那就使用它。对于标识其他块的其他正则表达式，依此类推。|offset|length|style|CODE|847419|实际上，当您在文档中导航时，会为每个块启用不同的模式。|847420|我使用多模式生成了一个ASP.NET，它允许我在一个文件中编辑C#、HTML、CSS和Javascript，并根据光标在缓冲区中的位置进行适当的突出显示和字体显示。它并不完美，但我发现它对现有的可能性有了显着的改进。事实上，这可能就是你想要的。试一试。|847421|https://code.google.com/p/csharpmode/source/browse/trunk/aspx-mode.el?r=14|847422|entityMap|0|LINK|mutability|MUTABLE|url|http://www.loveshack.ukfsn.org/emacs/#multi-mode.el|1^0|0|0|3G|B|48|A|1E|D|0|0|0|0|0|22|1|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|10|8|@$F|11|G|12|H|I]|$F|13|G|14|H|I]]|9|@$F|15|G|16|1|17]]|A|$]]|$1|J|3|K|5|6|7|18|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|19|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|1A|8|@]|9|@$F|1B|G|1C|1|1D]]|A|$]]|$1|P|3|-4|5|6|7|1E|8|@]|9|@]|A|$]]]|Q|$R|$5|S|T|U|A|$V|W]]|X|$5|S|T|U|A|$V|O]]]]

Great question. Look how many upvotes you got on your first one! 

Everyone has the same experience as you. Me too.

Rather than rely on nhtml-mode which exhibited the same sort of strangeness for me as you described, I looked for another option and found <a href="http://www.loveshack.ukfsn.org/emacs/#multi-mode.el" rel="noreferrer">multi-mode.el</a> . It's a sort of general-purpose multi-mode skeleton. To use it, you need to specify regular expressions to describe where one mode starts and another one ends. So, you look for <code>&lt;script...&gt;</code> to start a javascript block, and <code>&lt;style...&gt;</code> to start a css block. Then you plug in your own modes for each block - if you like espresso for javascript, use it. And so on for the other regexes that identify other blocks. 

In practice, as you navigate through the document, a different mode is enabled for each block. 

I used multi-mode to produce an ASP.NET, that allows me to edit C#, HTML, CSS, and Javascript in a single file, with the proper highlighting and fontification depending on where the cursor is in the buffer. It isn't perfect but I found it to be a marked improvement on the existing possibilities. In fact this may be what you want. Try it out. 

<a href="https://code.google.com/p/csharpmode/source/browse/trunk/aspx-mode.el?r=14" rel="noreferrer">https://code.google.com/p/csharpmode/source/browse/trunk/aspx-mode.el?r=14</a>

blocks|key|1061810|text|这不是一个很好的解决方案，但是如果你真的需要在你的html中使用javascript，一个快速的解决方案是选择包含javascript的区域并使用命令narrow-to-region(C-x+n+n)，然后切换到你喜欢的javascript模式。命令widen返回(C-x+n+w)。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1061811|entityMap^0|23|G|2K|7|3H|5|3P|7|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]|$9|M|A|N|B|C]|$9|O|A|P|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|G|$]]

Not really a good solution but a quick fix if you really need to have javascript in your html is to select the region containing javascript and use the command <code>narrow-to-region</code>(<code>C-x n n</code>) and then switch to your preferred javascript mode. The command <code>widen</code> brings you back, (<code>C-x n w</code>).

blocks|key|1061857|text|听起来您的nxhtml设置不正确。唯一需要的设置应该是加载autostart.el文件，然后一切都应该在一定程度上工作。nxhtml在任何方面都不完美，但我在html/css/javascript/mako中使用它的经验相当不错，至少在除mako之外的所有方面都是如此。但我很确定我搞砸了mako部分。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1061858|下面是我初始化nxhtml的方法：|1061859|(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))|code-block|syntax|javascript|1061860|entityMap^0|T|C|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|R|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|S|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|N|$]]

It sounds like you've setup your nxhtml incorrectly. The only setup necessary should be loading the <code>autostart.el</code> file, and then everything should work to some level. nxhtml isn't perfect in any way, but my experiences from using it for html/css/javascript/mako is pretty good, at least for everything but mako. But I'm pretty sure I've screwed up with the mako-part.

This is how I initialize my nxhtml:

<pre><code>(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))
</code></pre>

blocks|key|847596|text|另一种解决方案是multi-web-mode|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|847597|https://github.com/fgallina/multi-web-mode|847598|其可能比已经提到的multi-mode更容易配置。|847599|您只需在.emacs文件中配置首选模式，如下所示：|847600|(require+'multi-web-mode)
(setq+mweb-default-major-mode+'html-mode)
(setq+mweb-tags+
++'((php-mode+"<\\?php\\%7C<\\?+\\%7C<\\?="+"\\?>")
++++(js-mode++"<script[%5E>]*>"+"</script>")
++++(css-mode+"<style[%5E>]*>"+"</style>")))
(setq+mweb-filename-extensions+'("php"+"htm"+"html"+"ctp"+"phtml"+"php4"+"php5"))
(multi-web-global-mode+1)|code-block|syntax|javascript|847601|更多关于Emacs的多模式(叹息)在这里：|847602|http://www.emacswiki.org/emacs/MultipleModes|847603|更新:简化了检测JavaScript或CSS区域的正则表达式，使它们能够与HTML5一起工作--不需要超精确和脆弱的正则表达式。|847604|entityMap|0|LINK|mutability|MUTABLE|url|1^0|8|E|0|0|16|0|0|9|A|0|4|6|0|0|0|0|18|1|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@$9|15|A|16|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|17|8|@]|D|@$9|18|A|19|1|1A]]|E|$]]|$1|H|3|I|5|6|7|1B|8|@$9|1C|A|1D|B|C]]|D|@]|E|$]]|$1|J|3|K|5|6|7|1E|8|@$9|1F|A|1G|B|C]]|D|@]|E|$]]|$1|L|3|M|5|N|7|1H|8|@]|D|@]|E|$O|P]]|$1|Q|3|R|5|6|7|1I|8|@]|D|@]|E|$]]|$1|S|3|T|5|6|7|1J|8|@]|D|@$9|1K|A|1L|1|1M]]|E|$]]|$1|U|3|V|5|6|7|1N|8|@]|D|@]|E|$]]|$1|W|3|-4|5|6|7|1O|8|@]|D|@]|E|$]]]|X|$Y|$5|Z|10|11|E|$12|G]]|13|$5|Z|10|11|E|$12|T]]]]

Another solution is <code>multi-web-mode</code>:

<a href="https://github.com/fgallina/multi-web-mode" rel="noreferrer">https://github.com/fgallina/multi-web-mode</a>

which may be more easily configurable than the already mentioned <code>multi-mode</code>.

You just configure your preferred modes in your <code>.emacs</code> file like this:

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

More on Emacs's multiple multiple modes (sigh) here:

<a href="http://www.emacswiki.org/emacs/MultipleModes" rel="noreferrer">http://www.emacswiki.org/emacs/MultipleModes</a>

UPDATE: simplified the regexps to detect JavaScript or CSS areas to make them work with HTML5 -- no need for super-precise and fragile regular expressions.

blocks|key|1061966|text|我已经为这种用法编写了主要的模式web-mode.el+:编辑嵌入JS、CSS、Java+(JSP)、PHP的HTML模板。您可以在http://web-mode.org+Web-+type上下载它。to根据块的类型进行语法突出显示和缩排。安装很简单：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1061967|(require+'web-mode)
(add-to-list+'auto-mode-alist+'("\\.html$"+.+web-mode))|code-block|syntax|javascript|1061968|entityMap|0|LINK|mutability|MUTABLE|url|http://web-mode.org/^0|1U|J|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

I have written the major mode web-mode.el for this kind of usage : editing HTML templates that embed JS, CSS, Java (JSP), PHP. You can download it on <a href="http://web-mode.org" rel="noreferrer">http://web-mode.org</a>
Web-mode.el does syntax highlighting and indentation according to the type of the block.
Installation is simple : 

<pre><code>(require 'web-mode)
(add-to-list 'auto-mode-alist '("\\.html$" . web-mode))
</code></pre>

I have started the painful first steps of using emacs to edit an HTML file with both HTML tags and javascript content. I have installed nxhtml and tried using it - i.e set up to use nxhtml-mumamo-mode for .html files. But I am not loving it. When I am editing the Javascript portion of the code the tab indents do not behave as they do when editing C/C++ code. It starts putting tabs within the line and if you try and hit tab in the white space preceding a line it inserts the tab rather than re-tabifying the line.

Another aspect that I don't like is that it doesn't do syntax colouring like the usual C/C++ modes do. I much prefer the behaviour of the default java-mode when editing HTML files but that doesn't play nicely with the HTML code. :-(

1) Is there a better mode for editing HTML files with Javascript portions?

2) Is there a way to get nxhtml to use the default java-mode for the javascript portions?

Regards,

M

How do I configure emacs for editing HTML files that contain Javascript?

HTML5

Java

我已经开始了使用emacs编辑同时包含HTML标签和javascript内容的HTML文件的痛苦的第一步。我已经安装了nxhtml并尝试使用它-即设置为对.html文件使用nxhtml-mumamo-mode。但我并不喜欢它。当我编辑代码的Javascript部分时，制表符缩进的行为与编辑C/C++代码时不同。它开始在...

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

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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