Nhận biết html + javascript / css

Bạn đã gặp trình soạn thảo văn bản OS X có khả năng thụt lề cả dòng

var x = 2;

và các dòng

<it>Item A</it>
<it>Item B</it>

trong html nào sau đây?

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Test</title>
<script>
function foo_bar() {
var x = 2;
}
</script>
</head>
<body onload="foo_bar()">

<h1>Header</h1>

<ul>
<it>Item A</it>
<it>Item B</it>
</ul>

</body>
</html>

Tôi đã thử tất cả các gói emacs có ý định thực hiện nhiệm vụ đơn giản này một cách chính xác (thông qua chế độ chính và chế độ phụ), nhưng không có gói nào phù hợp. Tôi quá nặng nề với các emacs để từ bỏ nó hoàn toàn, nhưng bây giờ tôi đang tìm kiếm một biên tập viên khác ngoài emacs cho nhiệm vụ này.

software-recommendation text-editor ide

— Calaf
nguồn

Không ai khác sẽ chọn một trình soạn thảo văn bản dựa trên việc nó có thể tự động thụt lề JavaScript được nhúng trong HTML hay không. (Hoặc tìm kiếm câu hỏi này.)

— Lri

Là vậy sao? Làm sáng tỏ chúng tôi.

— Calaf

@LauriRanta Đó không phải là một giả định tốt. Nếu một người có câu hỏi, hoàn toàn có khả năng sẽ có nhiều ý chí hơn. Nếu bạn quan tâm đến việc quấy rối về những câu hỏi tối nghĩa, hãy tìm một vài câu hỏi của tôi.

— CajunLuke

Điều đó thật thú vị vì vậy tôi không nghĩ chúng ta nên đóng nó. OTOH dường như có thể giải quyết được với một số hack Emacs Lisp thông minh nên có lẽ AskDifferent chỉ là nơi sai để hỏi.

— nohillside

@patrix Tôi đã thử đa chế độ web và nXhtml. Không phù hợp với hóa đơn. Hỗ trợ cho hai chế độ đã bị thiếu từ các emac kể từ khi Knuth trộn TeX với các chương trình trong một tệp duy nhất. Sẽ không an toàn khi đặt cược rằng emacs sẽ có khả năng này sớm. Tất nhiên, nếu bạn xuất bản "hack Lisp thông minh", bạn sẽ khiến nhiều người khá thích thú.

— Calaf

Câu trả lời:

Tôi đã viết web-mode.el (có sẵn trên http://web-mode.org ) vì tôi gặp vấn đề tương tự như bạn. Chế độ chính Emacs này để chỉnh sửa các mẫu HTML (HTML với CSS / JS / PHP / JSP) là tự động (không yêu cầu chính khác) và tô sáng cú pháp và thụt lề theo loại của khối.

OP Raving

Không có gì hơn

(require 'web-mode)

trong .emacsvà lưu trữ web-mode.elở một vị trí có thể truy cập (thư mục chính của bạn sẽ bắt đầu), mẫu mã trong câu hỏi sẽ trông giống như ngoài hộp này.

Để có được vết lõm đúng

bạn sẽ cần sử dụng

;; First the (general) requisite initialization.
(package-initialize)

(require 'web-mode)

(eval-after-load "web-mode"
  '(progn 
     (add-to-list 'auto-mode-alist '("\\.css\\'" . web-mode))
     (add-to-list 'auto-mode-alist '("\\.html\\'" . web-mode))
     (add-to-list 'auto-mode-alist '("\\.js\\'" . web-mode))

     (setq web-mode-script-padding 2)
     (setq web-mode-style-padding 2)
     (setq web-mode-block-padding 2)
     ))

— fxbois
nguồn

Tôi sử dụng Textmate rất nhiều và thích cách tự động thụt lề cho tôi khi thực hiện Rails Developments. Nó là một trình soạn thảo văn bản thực sự tốt và hoàn toàn xứng đáng với giá tiền. Có rất nhiều tính năng tốt.

Mặc dù, hầu hết các trình soạn thảo văn bản thường có thụt lề tự động. Coda 2 làm và tôi tin Textwrangler và một vài người khác. Không nên quá khó để tìm ra tác phẩm đó và hầu hết tất cả đều có bản dùng thử miễn phí để chơi trước để xem chúng có theo ý thích của bạn không.

Tôi hy vọng rằng câu trả lời này sẽ giúp bạn hiểu.

— de_an777
nguồn

Sublime Text là một lựa chọn tốt khác: sublimetext.com

— Vickash

Vâng, đó là, cảm ơn bạn, tôi đã có về cái đó.

— de_an777

Textmate thực sự thụt lề Javascript được nhúng trong HTML (Chỉnh sửa \ Chọn \ Tất cả = Lệnh-A; Văn bản \ Tùy chọn lựa chọn-Lệnh- [). Tôi không thấy làm thế nào hoặc Coda 2 hoặc Textwrangler có thể thụt lề một lựa chọn. Sublime Text 2 có một số tùy chọn lựa chọn và thụt lề. Không có thử nghiệm nào của tôi thụt vào bộ đệm đã chọn. Bây giờ nếu chỉ có Textmate bằng cách nào đó sẽ nhập sơ đồ màu emacs của tôi.

— Calaf

Textmate không cho phép bạn thay đổi bảng màu thành bất cứ thứ gì bạn thích. Nó khá tuyệt vời, có rất nhiều chủ đề để tải về cho nó. Bạn có thể làm và tạo riêng của bạn quá. Đây là một cái mà tôi thấy giống như một chủ đề tối cho emacs: mac.softpedia.com/get/Graphics/Emacs-TextMate.shtml

— de_an777

..và để sử dụng một chủ đề, hãy nhấp đúp vào tệp .tmTheme, thay vì tải nó qua chính Textmate. Ngoài ra, như được chỉ ra trong phần "14 Chủ đề" của hướng dẫn sử dụng, wiki ( wiki.macromates.com/Theme/UserSubmitTheme ) có một số chủ đề bổ sung.

— Calaf