Javascript içeren HTML dosyalarını düzenlemek için emac'leri nasıl yapılandırabilirim?

Hem HTML etiketleri hem de javascript içeriği olan bir HTML dosyasını düzenlemek için emacs kullanmanın zahmetli ilk adımlarını başlattım. Nxhtml'yi kurdum ve kullanmayı denedim - yani .html dosyaları için nxhtml-mumamo-modunu kullanacak şekilde ayarladım. Ama onu sevmiyorum. Kodun Javascript bölümünü düzenlerken, sekme girintileri C / C ++ kodunu düzenlerken yaptıkları gibi davranmıyor. Satır içine sekmeler koymaya başlar ve bir satırın önündeki beyaz boşlukta sekmeye basmaya çalışırsanız, satırı yeniden sekmelere ayırmak yerine sekmeyi ekler.

Sevmediğim bir başka özellik de, normal C / C ++ modlarının yaptığı gibi sözdizimi renklendirmesi yapmamasıdır. HTML dosyalarını düzenlerken varsayılan java modunun davranışını tercih ederim, ancak bu HTML koduyla iyi oynamıyor. :-(

1) HTML dosyalarını Javascript bölümleri ile düzenlemek için daha iyi bir mod var mı?

2) javascript bölümleri için varsayılan java modunu kullanmak üzere nxhtml almanın bir yolu var mı?

Saygılarımızla,

M

Başka bir çözüm şudur multi-web-mode:

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

daha önce belirtilenden daha kolay yapılandırılabilir olabilir multi-mode.

.emacsDosyanızda tercih ettiğiniz modları şu şekilde yapılandırırsınız :

(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'in çoklu modları (iç çekme) hakkında daha fazla bilgiyi burada bulabilirsiniz:

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

GÜNCELLEME: Düzenli ifadeleri, HTML5 ile çalışmasını sağlamak için JavaScript veya CSS alanlarını algılayacak şekilde basitleştirdi - süper hassas ve hassas normal ifadelere gerek yok.

Bu tür bir kullanım için ana mod web-mode.el'i yazdım: JS, CSS, Java (JSP), PHP'yi yerleştiren HTML şablonlarını düzenleme. Http://web-mode.org adresinden indirebilirsiniz Web-mode.el, bloğun türüne göre sözdizimi vurgulama ve girinti yapar. Kurulum basittir:

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

Harika soru. İlkinde kaç olumlu oy aldığına bir bak!

Herkes sizinle aynı deneyime sahiptir. Ben de.

Benim için tarif ettiğiniz gibi aynı tuhaflığı sergileyen nhtml-mode'a güvenmek yerine, başka bir seçenek aradım ve multi-mode.el buldum . Bu bir çeşit genel amaçlı çok modlu iskelet. Bunu kullanmak için, bir modun nerede başladığını ve diğerinin nerede bittiğini açıklamak için normal ifadeler belirlemeniz gerekir. Yani, <script...>bir javascript bloğu <style...>başlatmak ve bir css bloğu başlatmak için arıyorsunuz . Daha sonra her blok için kendi modlarınızı takarsınız - JavaScript için espressoyu seviyorsanız kullanın. Ve diğer blokları tanımlayan diğer normal ifadeler için de böyle devam eder.

Pratikte, belgede gezinirken, her blok için farklı bir mod etkinleştirilir.

C #, HTML, CSS ve Javascript'i tek bir dosyada, imlecin arabellekte nerede olduğuna bağlı olarak uygun vurgulama ve yazı tipiyle düzenlememe izin veren bir ASP.NET oluşturmak için çoklu mod kullandım. Mükemmel değil ama mevcut olasılıklarda belirgin bir gelişme olduğunu gördüm. Aslında istediğiniz bu olabilir. Denemek.

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

Gerçekten iyi bir çözüm değil, ancak html'nizde javascript olması gerekiyorsa hızlı bir çözüm, javascript içeren bölgeyi seçmek ve narrow-to-region( C-x n n) komutunu kullanmak ve ardından tercih ettiğiniz javascript moduna geçmektir. Komut widensizi geri getiriyor ( C-x n w).

Görünüşe göre nxhtml'nizi yanlış ayarlamışsınız. Gerekli olan tek kurulum autostart.eldosyayı yüklemek olmalı ve ardından her şey bir seviyeye kadar çalışmalıdır. nxhtml hiçbir şekilde mükemmel değildir, ancak onu html / css / javascript / mako için kullanma deneyimlerim oldukça iyidir, en azından mako dışında her şey için. Ama mako parçasını batırdığıma oldukça eminim.

Nxhtml'mi şu şekilde başlatıyorum:

(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))