Các trình soạn thảo PHP tốt nhất. Trình soạn thảo CSS tốt nhất Chương trình tải xuống html css php

Tôi sẽ nói về điều gì ở đây? Bài viết này không phải là đánh giá của nhiều biên tập viên khác nhau, nó dành cho những người có trình độ đào tạo thấp hơn về tạo trang web. Vì vậy, ba câu hỏi sẽ được xem xét ở đây:

1. Trình soạn thảo mã là gì?

2. Các loại trình soạn thảo mã.

3. Nên sử dụng loại nào tốt hơn.

Câu hỏi cuối cùng là câu hỏi hợp lý hơn, vì nó sẽ tiết lộ cho người mới bắt đầu một số lý do tại sao họ không nên sử dụng một trình soạn thảo hỗ trợ rất nhiều cho công việc tạo trang web.

Tại sao bạn cần một trình soạn thảo mã?

Vậy trình soạn thảo mã là gì? Trình soạn thảo mã là một chương trình được thiết kế đặc biệt để viết mã bằng bất kỳ ngôn ngữ lập trình nào. Bản chất của một chương trình như vậy là làm cho công việc quản trị trang web trở nên dễ dàng nhất có thể. Những chương trình như vậy, như một quy luật, giúp ích rất nhiều cho việc viết mã một cách thuận tiện.

Sự thuận tiện có thể bao gồm:

1. Làm nổi bật mã, điều này tạo điều kiện thuận lợi rất nhiều cho việc điều hướng trong mã, vì đôi khi mã có thể rất lớn.

2. Các nút đặc biệt, khi được nhấp vào, một chức năng sẽ tự động được gán hoặc trong trường hợp HTML, một thẻ sẽ được chèn vào.

Tuy nhiên, nếu tôi bắt đầu liệt kê, thậm chí bằng những thuật ngữ chung, tất cả những tiện nghi, thì kết quả sẽ là một cuốn sách không kém gì “Chiến tranh và hòa bình”. Có thể có rất nhiều trong số họ.

Tìm hiểu thêm về các loại

Bây giờ chúng ta hãy chuyển sang câu hỏi thứ hai và tìm hiểu xem trình soạn thảo mã được chia thành những loại nào. Chỉ có hai trong số đó - một trình soạn thảo mã thông thường và một trình soạn thảo trực quan. Hai loại này khác nhau như thế nào? Sự khác biệt là trong trình chỉnh sửa mã thông thường, bạn thực hiện tất cả thay đổi bằng cách nhập chính mã đó và bạn chỉ có thể thấy hậu quả của những thay đổi này bằng cách chạy tệp mà bạn đã chỉnh sửa. Trong trình chỉnh sửa mã trực quan, một người hoàn toàn không thể biết HTML và CSS mà vẫn tạo một trang đẹp cho trang web.

Trình soạn thảo mã có thực sự quan trọng không?

Có vẻ như nó có thể tốt hơn? Bạn không cần biết CSS hoặc HTML, bạn có thể nói - bạn làm việc như trong Microsoft Word, viết văn bản của riêng bạn, chèn ảnh, bảng, liên kết - và chương trình sẽ tự động mã hóa chúng thành định dạng HTML và tạo một trang web hoạt động Hơn nữa, bạn có thể xem ngay trang web bạn đã tạo sẽ trông như thế nào chỉ bằng một nút bấm.

Trên thực tế, nếu bạn biết cách sử dụng một chương trình như vậy (trình soạn thảo mã trực quan), bạn không cần phải biết HTML và CSS. Và mọi thứ có vẻ ổn, nhưng Tôi phải nói rằng những biên tập viên này có những nhược điểm riêng của họ.

Bây giờ chúng ta chuyển sang câu hỏi thứ ba của bài viết này: sử dụng loại trình soạn thảo mã nào tốt hơn.

Có vẻ như tất cả các thẻ đều nằm trong tay trình soạn thảo trực quan, bạn không cần phải biết HTML hoặc CSS - chỉ cần viết văn bản cần thiết và chèn các hình ảnh cần thiết. Nhưng có những nhược điểm!

Nhược điểm của biên tập viên

Nhược điểm đầu tiên như vậy- đây là một khoản phí. Những biên tập viên như vậy có giá vài trăm con gấu trúc bị giết (cu). Đồng ý - không phải ai cũng có đủ khả năng này! Nhưng điểm trừ này nhanh chóng trở thành điểm cộng, vì trên Internet của chúng tôi, bạn có thể tìm thấy bất kỳ chương trình nào, tải xuống và sử dụng miễn phí (bất hợp pháp). Điều quan trọng là phải biết những gì cần tìm kiếm. Nhưng đây là một bất lợi về mặt tiền tệ có thể dễ dàng giải quyết - bạn đã tiết kiệm chi phí và mua nó.

Điểm trừ thứ hai và tôi phải nói là rất quan trọng - mọi trình soạn thảo trực quan tự động tạo mã cho một trang sẽ tạo ra nhiều mã này hơn mức cần thiết.

Thông thường, mã này lớn hơn 20 phần trăm. Nếu lưu lượng truy cập vào tài nguyên của bạn nhỏ thì không có gì phải lo lắng, nhưng nếu bạn có vài trăm người mỗi ngày, các trang của bạn sẽ tạo thêm tải trên máy chủ của công ty lưu trữ và tải sẽ tăng thêm 20%. Và điều này sẽ không thực sự làm hài lòng đại diện công ty.

Vấn đề này có thể được giải quyết theo hai cách - hoặc bạn tối ưu hóa các trang để giảm bớt mã, nhưng để làm được điều này, bạn cần hiểu mã - biết CSS và HTML. Hoặc bạn trả thêm bằng tiền của chính bạn.

Điểm trừ thứ ba, trình soạn thảo dù có “ngầu” đến đâu cũng không thể tạo cho bạn một trang web với nhiều chức năng lập trình đa dạng. Giả sử - đây là việc gửi một lá thư, đánh số trang, biểu mẫu nhận xét, xếp hạng, thăm dò ý kiến và nhiều điều thú vị khác sẽ làm cho trang web của bạn trở nên hiện đại.

Có thể tạo một trang web bằng trình soạn thảo mã không?

Để tạo các trang web hiện đại, có những giải pháp đặc biệt giúp bạn tạo một trang web với mọi thứ sẵn sàng trong 5 phút và bạn có thể dễ dàng sử dụng các tùy chọn tạo sẵn trong ngôn ngữ lập trình mà không cần hiểu chút nào về chúng. Những giải pháp này được gọi là hệ thống quản lý nội dung - CMS.

Nhưng điều này cũng dẫn đến một nhược điểm đáng kể khác, đó là mỗi CMS đều đi kèm với một số mẫu trang web tiêu chuẩn - hay nói cách khác là thiết kế trang web của bạn. Và những mẫu này xấu, không độc đáo và chỉ khiến khách truy cập sợ hãi. Và trình soạn thảo trực quan sẽ không thể tạo mẫu cho CMS! Vì nó sử dụng các kiểu và tùy chọn tích hợp sẵn của riêng nó. Bạn cần chỉnh sửa các mẫu đó theo cách thủ công và điều này lại đòi hỏi kiến thức về CSS và HTML.

Do đó kết luận - nếu bạn muốn có một trang web hiện đại đẹp- bạn có hai lựa chọn - đặt hàng trang web này từ các chuyên gia, có giá từ một trăm đô la trở lên hoặc tự tạo mẫu cho hệ thống quản lý nội dung. Và để làm được điều này, bạn cần hiểu CSS và HTML - điều kiện tiên quyết! Chà, bạn cần biết một chút PHP, nhưng bạn có thể làm mà không cần nó!

Và để học HTML và CSS, bạn cần xem các hướng dẫn và thử chúng trong thực tế chứ không phải bằng trình soạn thảo trực quan, vì bạn sẽ không nhớ bất cứ điều gì chỉ bằng cách nhấn các nút mà là một cách thông thường, nhập từng chức năng trên bàn phím.

Nơi tải xuống trình soạn thảo HTML và CSS miễn phí

Cá nhân tôi không sử dụng trình soạn thảo trực quan, nhưng nếu bạn thực sự thích cách tạo mã này và muốn tìm hiểu CSS và HTML, trước tiên hãy nhập mã theo cách thủ công cho đến khi bạn tìm hiểu được ít nhất các yếu tố phổ biến nhất khi tạo trang web và chỉ khi đó, bạn mới có thể yên tâm sử dụng trình soạn thảo trực quan một cách có lương tâm.

Trình soạn thảo dấu ngoặc Phiên bản tiếng Nga, hay nhất và dễ hiểu nhất cho người mới bắt đầu:

Trình soạn thảo SublimeText 3, nhanh và đáng tin cậy, được nhiều chuyên gia sử dụng (mặc dù chỉ bằng tiếng Anh):

Ý kiến của bạn?

Xin chào các độc giả thân mến của trang blog. Từ rất lâu rồi, tôi đã muốn viết về một trình soạn thảo miễn phí tuyệt vời (liên kết dẫn đến trang web chính thức nơi bạn có thể tải xuống phiên bản mới nhất có hỗ trợ tiếng Nga).

Trong nhiều năm nay, nó là một trong những chương trình phổ biến và được sử dụng nhiều nhất để chỉnh sửa mã Html, CSS và PHP. Tôi thậm chí còn ngạc nhiên: "trước đây làm sao tôi có thể xoay sở mà không có nó, nhận ra tiềm năng của nó với sự trợ giúp của một số chương trình khác?"

Bây giờ tôi luôn có một vài trình duyệt chạy đồng thời trên máy tính của mình, trình quản lý FTP FileZilla rất đơn giản, miễn phí và tiện lợi và chính trình soạn thảo này, những khả năng của chúng đơn giản là không thể so sánh được với notepad mặc định được sử dụng trong Windows. Nhưng điều đầu tiên trước tiên.

Tải xuống và các tính năng của trình soạn thảo Notepad++

Việc cài đặt chương trình trên Windows được thực hiện hoàn toàn bình thường. Bạn cũng có thể nếu bạn muốn tải xuống Notepad++ Portable, đó là phiên bản di động trình soạn thảo này không yêu cầu cài đặt vào hệ điều hành.

Phiên bản di động có thể được lấy từ phiên bản thông thường nếu bạn giải nén tệp lưu trữ cùng với chương trình đến bất kỳ nơi nào thuận tiện và chạy tệp thực thi notepad.exe.

Tất cả ưu điểm của trình soạn thảo Notepad++

Trên thực tế, notepad tích hợp trong Windows khác với người hùng của chúng ta như trời và đất. Thực tế không có gì trong notepad cổ điển ngoại trừ khả năng xem và tạo các tệp văn bản đơn giản (hóa ra nó giống như một chiếc que đào được mọi người sử dụng trong giai đoạn đầu phát triển).

Khi bạn bắt đầu sử dụng NotePad với hai ưu điểm, ít nhất là để điều chỉnh các tệp Html và CSS, bạn sẽ ngay lập tức được đưa từ thời kỳ đồ đá đến cabin của một cỗ máy làm đất hiện đại. Tất nhiên, có những chương trình thay thế khác và thậm chí cả , nhưng đối với người mới bắt đầu, một “sổ ghi chú có hai điểm cộng” sẽ chỉ là thứ phù hợp (IMHO).

Có, tất nhiên, lúc đầu sử dụng nó có vẻ phức tạp và khác thường. Nhưng đây chỉ là lúc bắt đầu làm quen, và sau đó bạn sẽ khó sống nếu không có nó, chẳng hạn như nhiều người dùng máy tính không thể tưởng tượng được cuộc sống của họ (cũng là một kiểu “cổ điển”).

Nếu chúng ta so sánh Notepad ++ với các chương trình phức tạp hơn được thiết kế để giúp viết và chỉnh sửa các mã khác nhau dễ dàng hơn, chẳng hạn như Dreamweaver, thì có khá nhiều lý lẽ để sử dụng anh hùng của chúng ta:

Trước hết, nó hoàn toàn miễn phí, có nghĩa là bạn có thể tiết kiệm rất nhiều bằng cách sử dụng nó thay vì Dreamweaver, nếu bạn không tính đến các phiên bản bị tấn công của các chương trình trả phí (có thể là nơi sinh sản của Trojan và các loại vi-rút khác).
Thứ hai, Notepad còn hơn thế nữa nhẹ và nhanh hơn nhiều biên tập viên được trả tiền. Ngoài ra, có thể sử dụng nó mà không cần cài đặt vào hệ điều hành Windows (gọi là phiên bản di động - xách tay) và mang theo, chẳng hạn như . Kết quả là, bạn sẽ luôn có sẵn một công cụ tiện lợi, đầy đủ chức năng và được hiểu rõ để làm việc với Html, PHP và hàng chục loại mã khác.

Tại sao trình soạn thảo này đáng để tải xuống?

Chúng ta hãy điểm qua ngắn gọn các khả năng và tính năng của nó, sau đó thử xem xét chúng chi tiết hơn. Vì vậy, Notepad++ có thể thực hiện những việc sau:

Làm nổi bật hàng chục ngôn ngữ lập trình và đánh dấu phổ biến nhất, chẳng hạn như: Ada, Assembler, C, C#, C++, CSS, FORTRAN, HTML, Java, JavaScript, Objective-C, Pascal, Perl, PHP, Python, Ruby, SQL, XML.

Đối với tất cả các ngôn ngữ này, nó được thực hiện làm nổi bật cú pháp, chia mã thành các dòng và khối, có thể thu gọn bằng cách nhấp vào dấu trừ và mở rộng bằng cách nhấp vào dấu cộng. Bạn cũng có thể hiển thị mối quan hệ giữa các phần tử bằng một đường chấm chấm. Để làm ví dụ, tôi lấy một đoạn mã PHP để thể hiện khả năng của trình soạn thảo này:

Nếu bạn bấm vào thẻ Html mở, nó sẽ được tô sáng bằng nền màu xanh lam và đồng thời thẻ đóng nếu có cũng sẽ được làm nổi bật. Tuyệt vời để tìm các phần tử không được tiết lộ và .

Nó rất dễ thực hiện thay đổi mã hóa, ví dụ, cái hiện đang phổ biến mà tôi đã nói đến trong một bài báo dành cho cuộc chiến chống lại krakozyabrs trong bảng mã tiếng Nga (xem nó ở liên kết).
Trong một cửa sổ chương trình, bạn có thể mở bao nhiêu tệp tùy thích để chỉnh sửa vì Notepad++ sử dụng tab theo cách mà bạn đã quen thuộc trong các trình duyệt hiện đại.
Màu của đĩa mềm trên mỗi tab cho biết bạn có lưu những thay đổi cuối cùng mà bạn thực hiện với đĩa mềm đó bằng đĩa mềm tương tự trên thanh công cụ hay không. Trên tab đang hoạt động, một đĩa mềm màu đỏ (và trên tab không hoạt động - màu tím) cho biết bạn hay quên.
Với trình soạn thảo này bạn có thể tiến hành tìm kiếm(Ctrl+F) cho cả tài liệu được mở trong đó và cho toàn bộ máy chủ tệp văn bản nằm trong một thư mục nhất định. Có thể tìm kiếm bằng cách thay thế và sử dụng biểu thức thông thường. Một công cụ tiện lợi đáng kinh ngạc.
Trong cài đặt của trình chỉnh sửa này, bạn có thể bật tính năng tự động ghi thẻ Html đóng khi bạn nhập thẻ mở, cũng như tùy chọn tự động hoàn thành cho thẻ.
NotePad++ không chỉ lưu giữ lịch sử tất cả các thay đổi của bạn và cho phép bạn quay lại bao nhiêu bước tùy thích hoặc tiếp tục mà còn sao lưu các bản sao của các tài liệu này theo cách tương tự như Microsoft Word.
Trình soạn thảo này có khả năng kiểm soát phím nóng, trong đó có rất nhiều thứ được chỉ định trong đó - từ menu trên cùng “Tùy chọn” - “Phím nóng”. Hơn nữa, khi bạn nhấp đúp vào tổ hợp mà bạn quan tâm, một cửa sổ gán lại phím sẽ mở ra, điều này có thể thuận tiện cho những ai đang chuyển sang Notepad từ trình soạn thảo khác.
Notepad qua những năm tồn tại có rất nhiều plugin, một số được cài đặt cùng với nó theo mặc định và phần còn lại sẽ có sẵn cho bạn từ menu trên cùng “Plugins” - “Plagin Manager” - “Show Plagin Manager”.
Để cài đặt, bạn chỉ cần đánh dấu vào ô bên cạnh plugin được yêu cầu trên tab đầu tiên và nhấp vào nút “Cài đặt”.

Sau đó, cửa sổ soạn thảo sẽ tải lại và plugin mới sẽ có sẵn trong tab cùng tên:
“Con dao Thụy Sĩ” này cũng có thể kết nối với trang web của bạn qua FTP, ghi và phát macro, kiểm tra chính tả nhanh chóng, so sánh hai tệp trong các cửa sổ đang mở cạnh nhau, v.v.

Bạn có thể cần gì khác trong Notepad++

Nhờ tính năng tô sáng cú pháp trong Notepad ++, chẳng hạn, bạn có thể dễ dàng kiểm tra xem tất cả các thẻ Html trong mã có bị đóng hay không và với kinh nghiệm tối thiểu, bạn sẽ ghi chú một cách trực quan những gì có trong mã của mình đã xảy ra sai sót ở đâu đó, vì cách phối màu của mã ở nơi này sẽ thay đổi.
Ngoài ra, do mã được tô màu và văn bản thông thường trong các bài viết của tôi vẫn có màu đen nên người sửa lỗi ngữ pháp liên tục của tôi (vợ yêu) của tôi rất thuận tiện để kiểm tra ngữ pháp trong đó. Không, tất nhiên, tôi sử dụng nhiều cái khác nhau, nhưng không cái nào trong số chúng vẫn có thể kiểm tra dấu câu và lỗi ngữ nghĩa.
Điều tôi cũng thực sự thích ở trình soạn thảo văn bản này là khả năng hiển thị trực quan từng khối mã bằng cách sử dụng các dấu ngoặc đánh dấu như ( ) (). Khi con trỏ chuột nằm giữa bất kỳ dấu ngoặc nào, chúng sẽ được tô sáng, như thể làm nổi bật phần đầu và phần cuối của một khối mã Html hoặc PHP.
Ngoài việc thực hiện xuất sắc đèn nền, cần đặc biệt đề cập đến khả năng lùi lại một bước(hủy hành động trước đó). Hơn nữa, số bước lùi không bị giới hạn, điều này cho phép bạn không ngại thử nghiệm mã mà không gặp rủi ro về hậu quả không thể khắc phục.
Có thể hoàn tác một hành động trong Notepad++ bằng cách sử dụng phím nóng Ctrl+Z (Ctrl+Y là một bước tiến, tức là hoàn tác việc hủy), sử dụng các mục menu tương ứng “Chỉnh sửa” hoặc sử dụng các nút ở dạng mũi tên cong trên thanh công cụ của biên tập viên này.
NotePad++ liên tục theo dõi trạng thái của các tài liệu được mở trong đó và nếu chúng bị thay đổi hoặc xóa, chẳng hạn như trong một chương trình khác, bạn sẽ thấy một cửa sổ yêu cầu bạn đóng tab này với tài liệu hoặc tải lên lại phiên bản đã sửa đổi của nó.
Như tôi đã đề cập trước đó, notepad two plus có khả năng cài đặt đánh dấu cú pháp(cũng như hàng tá ngôn ngữ khác) để phù hợp với sở thích và nhu cầu của bạn, nhưng tôi chưa bao giờ sử dụng tùy chọn này, vì tôi khá hài lòng với cài đặt mặc định.
Nhưng không ai ngăn cản bạn làm điều này, may mắn thay, mọi thứ cực kỳ đơn giản - chọn “Tùy chọn” - “Xác định kiểu” từ menu trên cùng, cửa sổ này sẽ mở ra một cửa sổ nơi bạn có thể tinh chỉnh phông chữ và màu sắc để làm nổi bật Html, PHP hoặc bất kỳ ngôn ngữ nào khác mà bạn cần.

Notepad++ cũng có tùy chọn hoàn thành tự động từ bạn nhập, điều này có thể rất thuận tiện nếu bạn không chắc chắn về cách viết đúng của một câu lệnh Html, PHP hoặc bất kỳ câu lệnh mã nào khác. Để thực hiện việc này, khi gõ, chỉ cần nhấn tổ hợp phím Ctrl-Space và chọn tùy chọn mong muốn từ cửa sổ mở ra:

Nếu bạn muốn hoàn thành mã tự động mà không cần sử dụng phím nóng, bạn sẽ cần chọn “Tùy chọn” - “Cài đặt” từ menu trên cùng và trên tab “Dự trữ/Tự động hoàn thành”, chọn hộp “Bật cho từng đầu vào”.

Một tính năng khác có vẻ khá tiện lợi đối với tôi trong trình chỉnh sửa này là khả năng kéo các phím tắt tài liệu trực tiếp vào cửa sổ chương trình để mở chúng (mặc dù điều này hầu như không làm ai ngạc nhiên) và khả năng Kéo và thả trong chính tài liệu, chọn một đoạn mã (bằng nút chuột trái) ở vị trí bạn cần.
Khi làm việc với Notepad++, bạn sẽ có tùy chọn đặt điểm đánh dấu, trong đó gọi là nốt nhạc nhưng bản chất không thay đổi. Trong dòng bạn cần, bạn có thể đặt điểm đánh dấu dưới dạng dấu chấm màu xanh ở lề trái bằng cách nhấp chuột.
Để đặt điểm đánh dấu (ghi chú) trong trình chỉnh sửa, bạn cũng có thể sử dụng phím tắt Ctrl-F2 và để di chuyển giữa các điểm đánh dấu được đặt trong tài liệu, bạn chỉ cần nhấn liên tục F2 hoặc Shift-F2 để cuộn qua các ghi chú trong theo hướng ngược lại.
Nếu bạn làm việc trong trình soạn thảo này bằng tệp Html, bạn có thể xem mã của bạn sẽ trông như thế nào trong trình duyệt FireFox hoặc IE bằng cách chọn các mục menu Bắt đầu thích hợp. Nếu bạn cần một trình duyệt khác, hãy chọn mục “Khởi chạy” trên cùng và tìm tệp thực thi bạn cần trong cửa sổ mở ra.
Ngoài ra còn có khả năng ghi macro, mà tôi chưa tạo ra, nhưng logic công việc của họ khá đơn giản. Trước tiên, bạn ghi lại bằng cách chọn “Macro” - “Bắt đầu ghi” từ menu trình chỉnh sửa, sau đó chèn các macro đã ghi vào vị trí mong muốn trong mã, chọn chúng từ menu trình chỉnh sửa hoặc sử dụng các phím nóng được gán cho chúng.

Mã hóa và làm việc với các tệp trong cửa sổ soạn thảo NotePad++

Cần lưu ý rằng trình soạn thảo mã này cho phép bạn lưu và chuyển đổi Html, PHP và các tệp khác sang mã hóa UTF-8 (không có BOM). Điều này đã hơn một lần giúp tôi khắc phục vấn đề về mã hóa tiếng Nga khi làm việc với nhiều trang web khác nhau.
Khi tôi muốn thay đổi một số dòng chữ trên trang web sang tiếng Nga, tôi thường gặp phải những thông báo tồi tệ, lý do là do mã hóa Windows-1251 trong đó tệp nguồn đã được lưu.
Sau khi tập tin gốc đã được chuyển đổi thành Mã hóa UTF-8 (không có BOM), krakozyabrs đã được chuyển đổi thành công thành các biểu tượng thông thường của Nga. Cái đó. Nếu bạn thêm bảng chữ cái Cyrillic vào bất kỳ tệp công cụ nào, thì để hiển thị chính xác trên trang web, bạn cần phải lưu ngay lập tức theo mã hóa chính xác hoặc chuyển đổi nó sau.
Có lẽ tôi nên nói đôi lời về chính BOM này. Thực tế là khi bạn làm việc với các đối tượng văn bản khác nhau trong sổ ghi chú Windows thông thường, khi bạn lưu nó ở dạng mã hóa UTF-8, các ký tự vô hình (BOM) sẽ được thêm vào, điều này sau đó có thể ảnh hưởng đến hiệu suất của tệp này (ví dụ: PHP có thể đưa ra một lỗi).
Nếu bạn muốn in nội dung của một tệp đang mở, mã sẽ được in không ở dạng mà bạn nhìn thấy trong cửa sổ chương trình. Nhưng bằng cách chọn từ menu “Tùy chọn” - tab “Cài đặt” "Niêm phong" bạn sẽ được tự do thay đổi điều này và chọn tùy chọn in mã màu nổi bật, cho phép hiển thị số dòng, đầu trang và chân trang, v.v. đồ đạc:
Trình soạn thảo văn bản nâng cao này cũng cho phép bạn mở bao nhiêu tài liệu mới tùy thích mà không sợ làm lộn xộn thanh tác vụ của hệ điều hành. Cùng với các trình duyệt hiện đại, nó sẽ mở tất cả các tài liệu mới không phải trong cửa sổ chương trình mới mà là trong một tab mớiđã mở cửa sổ.
Hơn nữa, các tab của các tài liệu khác nhau trong cửa sổ của sổ ghi chú này có thể được kéo tùy ý bằng chuột, đóng và thu nhỏ.
Chà, tùy thuộc vào cài đặt được thực hiện (“Tùy chọn” - “Cài đặt”), tất cả các tab được mở trước khi đóng Notepad ++ sẽ được khôi phục vào lần tiếp theo bạn khởi động chương trình (một lần nữa, tương tự như cách hoạt động của trình duyệt). Bạn có thể đóng những cái không cần thiết bằng cách nhấp đúp vào chúng hoặc đặt chúng theo chiều dọc.
Ngoài các thao tác thông thường với tab, trong trình chỉnh sửa này, bạn có thể mở cùng lúc một cửa sổ hai bản sao của cùng một tài liệu. Điều này có thể cần thiết nếu bạn cần làm việc với tài liệu ở các phần khác nhau của tài liệu đó (xem tài liệu ở đâu đó hoặc sao chép và dán vào đâu đó).
Để kích hoạt chế độ này, bạn chỉ cần nhấp chuột phải vào tab trình soạn thảo PHP mong muốn và chọn “Sao chép trong cửa sổ khác” từ menu ngữ cảnh.
Rất thuận tiện là nếu bạn lưu các thay đổi ở một trong các bản sao của tài liệu thì bản sao thứ hai cũng sẽ được cập nhật (nghĩa là bạn sẽ không bị nhầm lẫn liệu bạn có lưu những thay đổi mình đã thực hiện hay không và ở bản sao nào).
Tôi cũng thực sự thích nó tìm kiếm tích hợp sử dụng các tài liệu HTML hoặc PHP mở với khả năng thay thế(một số tích cực sử dụng các biểu thức thông thường cho việc này, nhưng thật tiếc là tôi không biết chúng). Bạn có thể đánh giá cao tất cả sự phong phú của tìm kiếm trong trình soạn thảo văn bản nâng cao này bằng cách chỉ cần mở mục menu “Tìm kiếm”. Xem ảnh chụp màn hình ở đầu bài viết.

Nhìn chung, trình soạn thảo văn bản này đã sử dụng rất nhiều tính năng hữu ích và tiện lợi từ chức năng của các ứng dụng khác, điều này đặc biệt tôn trọng các nhà phát triển và những người tạo ra plugin cho nó, một số tính năng đó sẽ được thảo luận bây giờ.

Sử dụng plugin trong Notepad++

Hãy để tôi nhắc bạn rằng để cài đặt một plugin mới, bạn chỉ cần chọn “Plugins” từ menu trên cùng của trình chỉnh sửa - “ Plugin Manager" - "Hiển thị Trình quản lý plugin".

Và trong cửa sổ mở ra, trên tab đầu tiên (từ menu trên cùng), hãy chọn hộp bên cạnh plugin được yêu cầu và nhấp vào nút "Cài đặt".

Sau đó, cửa sổ soạn thảo sẽ tải lại và plugin mới sẽ có sẵn trong tab cùng tên. Nói chung, mọi thứ không thể đơn giản hơn.

Những plugin nào cho Notepad bạn có thể cần trong công việc của mình

Plugin cung cấp rất nhiều tiện ích bổ sung và tiện lợi "Văn bản FX", sau khi cài đặt sẽ có sẵn trong mục cùng tên ở menu trên cùng của trình chỉnh sửa. Nếu bạn chưa có mục như vậy, hãy đi tới “Plugins” - “Plagin Manager” - “Show Plagin Manager”, cuộn xuống danh sách trong tab đầu tiên và chọn hộp bên cạnh Ký tự TextFX.

Sau khi cài đặt, trình soạn thảo sẽ khởi động lại và một mục TextFX mới với nhiều mục con thả xuống sẽ xuất hiện trong menu. Ví dụ: kích hoạt tùy chọn hiển thị trong hình có thể giúp cuộc sống của bạn dễ dàng hơn rất nhiều khi chỉnh sửa hoặc viết mã HTML:

Trong trường hợp này, ngay khi bạn nhập thẻ Html mở vào trình soạn thảo văn bản Notepad++, thẻ đóng phù hợp sẽ ngay lập tức xuất hiện bên cạnh thẻ đó. Có thể tiết kiệm đáng kể thời gian và giảm đáng kể khả năng xảy ra lỗi do thẻ không được đóng. Tuy nhiên, điều này làm tôi khó chịu và tôi không sử dụng nó. Nhưng điều này không hề làm giảm đi phẩm giá của cô ấy.

Có khá nhiều tiện ích trong TextFX, vì vậy hãy tự mình thử chúng trong thực tế và quyết định chính xác tiện ích nào sẽ thuận tiện và hữu ích cho bạn.

Chà, tiếp tục chủ đề về các tab trong trình chỉnh sửa, điều đáng nói là khả năng so sánh hai tài liệu. Trước tiên, bạn sẽ cần cài đặt plugin này thông qua Trình quản lý plugin:

Để kích hoạt chế độ so sánh tài liệu trong Notepad++, bạn chỉ cần chọn “Tiện ích bổ sung” - “So sánh” - “So sánh” từ menu trên cùng hoặc nhấn Alt + D trên bàn phím. Do đó, tab hiện đang hoạt động sẽ được mở trong cửa sổ của sổ ghi chú này, cũng như tab nằm bên cạnh nó.

Để thuận tiện cho việc so sánh hai tài liệu Html hoặc PHP, trình soạn thảo Notepad++ sẽ nêu bật những điểm khác biệt trong chúng cho bạn. Để chuyển sang chế độ làm việc với tài liệu thông thường, bạn cần chọn “Tiện ích bổ sung” - “So sánh” - “Xóa kết quả” ở menu trên cùng hoặc nhấn Ctrl+Alt+D trên bàn phím.

Hơn nữa, hai tài liệu trong cửa sổ Notepad++ có thể được xem theo cả chiều dọc và chiều ngang. Để chọn phương pháp thuận tiện nhất cho bạn, hãy nhấp chuột phải vào vị trí phần của chúng và chọn hướng xoay (phải hoặc trái).

Nhân tiện, nếu bạn, giống như tôi, chủ yếu sử dụng Notepad++ để chỉnh sửa các tệp Html hoặc PHP trên trang web của mình, thì bạn có thể thấy hữu ích khi có thể kết nối với nó qua FTP trực tiếp từ trình soạn thảo văn bản này. Đúng, bằng cách nào đó tôi thích làm việc với FileZilla hơn, đặc biệt là vì họ thậm chí còn lấy được mật khẩu của tôi từ đó.

Nếu bạn muốn thử làm việc qua FTP qua Notepad, hãy chọn “Plugins” - “NppFTP” - “Show NppFTP Window” từ menu trên cùng, cửa sổ ứng dụng khách FTP ở bên phải sẽ mở ra.

Để thiết lập kết nối FTP, hãy nhấp vào biểu tượng bánh răng, chọn “Cài đặt hồ sơ” và nhập chi tiết kết nối của bạn. Công việc tiếp theo không khác nhiều so với những gì tôi đã viết trong bài viết về FileZilla.

Nếu bạn cài đặt plugin Tùy chỉnh Thanh công cụ bằng Trình quản lý Plagin, bạn sẽ có thể xáo trộn, xóa hoặc thêm mới nút thanh công cụ chương trình này.
Đầu bài mình có đề cập tới Light Explorer, nó bổ sung thêm khả năng mở ở cột bên trái quản lý tập tin. Tuy nhiên, bạn cũng có thể sử dụng Explorer, bạn sẽ tìm thấy trong trình quản lý plugin, cho mục đích tương tự.
Plugin tuyệt vời WebChỉnh sửa, tương tự như trình soạn thảo Html của WordPress, cho phép đóng khung văn bản với các thẻ tiêu đề, danh sách, bảng và các thẻ tiêu đề phổ biến nhất. Chọn đoạn mong muốn và nhấp vào một trong các nút trên thanh công cụ Notepad++.
ImgTags - cho phép bạn đã chỉ định kích thước ngang và dọc (nó tự tính toán chúng, điều này rất thú vị), các thuộc tính ALT và SRC đã được chuẩn bị sẵn (bạn cũng sẽ cần thêm đường dẫn đến thư mục có ảnh trên máy chủ của mình ở đó).

Cửa sổ kiểm tra chính tả trong NotePad++ bằng plugin

Kết nối Kiểm tra ngữ pháp tiếng Nga Trình soạn thảo Notepad ++ sử dụng plugin Shell-Checker (từ mục menu “Plugins”), bạn sẽ cần tải xuống từ điển tiếng Nga từ trang này và khi kích hoạt plugin kiểm tra chính tả này, hãy chỉ định đường dẫn trên máy tính của bạn vào tập tin từ điển.

Có các sắc thái cài đặt. Đầu tiên bạn sẽ cần Tải xuống Trình cài đặt đầy đủ và sau đó là tệp có từ điển tiếng Nga aspell-ru-0.50-2-3.exe. Trước tiên, hãy cài đặt trình cài đặt đầy đủ, trong trình hướng dẫn này, cá nhân tôi không thay đổi đường dẫn mặc định đã chọn (c:\Program Files (x86)\Aspell\).

Sau đó cài đặt gói ngôn ngữ, trước tiên bạn sẽ phải nhập chữ “y” vào cửa sổ DOS và nhấn Enter trên bàn phím (mặc dù, có lẽ đây chỉ là tôi, vì trước đây tôi đã cài đặt GNU Aspell trên máy tính của mình):

Sau đó, trình hướng dẫn cài đặt từ điển tiếng Nga tiêu chuẩn sẽ bắt đầu, trong đó tôi lại không thay đổi đường dẫn mặc định. Tất cả.

Bây giờ hãy khởi động lại Notepad ++ và chọn các mục được hiển thị ngay phía trên từ menu hoặc giữ tổ hợp không thực CTRL+ALT+SHIFT+S trên bàn phím. Trong cửa sổ mở ra, bạn sẽ phải nhập đường dẫn đến thư mục BIN từ thư mục Aspell:

Nếu bạn không thay đổi đường dẫn khi cài đặt GNU Aspell và từ điển tiếng Nga, thì bạn sẽ cần chèn vào đây:

C:\Tệp chương trình (x86)\Aspell\bin\

Chà, hoặc điều gì đó tương tự, tùy thuộc vào hệ điều hành của bạn. Thế là xong, bây giờ hãy chọn văn bản mà bạn muốn kiểm tra chính tả và nhấn CTRL+ALT+SHIFT+S (bạn có thể thay đổi sự kết hợp này trong cài đặt phím nóng - xem ở trên). Một cửa sổ sẽ xuất hiện hiển thị lỗi đầu tiên được tìm thấy:

Bạn có thể bỏ qua nó hoặc chọn một giải pháp thay thế phù hợp từ các phương án được đề xuất. Dưới đây bạn có thể thay đổi ngôn ngữ kiểm tra nếu bạn đã cài đặt một số mô-đun ngôn ngữ GNU Aspell. Đó là tất cả.

Kiểm tra chính tả- một giải pháp rất thuận tiện theo cách của plugin trước, vì nó cũng sử dụng GNU Aspell và từ điển tiếng Nga của nó, nhưng nó đã thực hiện kiểm tra chính tả một cách nhanh chóng, giống như trong tất cả các trình duyệt hiện đại. Đi đến trình quản lý plugin và cài đặt nó.

Ngay lập tức, tính năng kiểm tra ngữ pháp sẽ được bật theo mặc định (có thể tắt bằng cách bỏ chọn hộp hiển thị trong ảnh chụp màn hình), nhưng chỉ mô-đun có ngôn ngữ tiếng Anh mới được kết nối, vì vậy chúng tôi đi tới cài đặt DSpellCheck và thực hiện thay đổi.

Chọn Aspell từ danh sách thả xuống (nếu bạn chưa cài đặt nó, hãy cuộn lên bài viết này một chút và tải xuống mô-đun cùng với gói ngôn ngữ tiếng Nga để cài đặt chúng trên hệ điều hành của bạn) và chỉ ra đường dẫn ngay bên dưới vào tệp aspell-15.dll. Xa hơn một chút, chọn ngôn ngữ của từ điển được kết nối, nếu bạn đã cài đặt một vài từ điển trong số đó và nhấp vào Áp dụng.

Bây giờ tất cả các lỗi được tìm thấy sẽ được gạch chân bằng một đường lượn sóng màu đỏ (màu có thể thay đổi trong cài đặt) và khi bạn di chuyển con trỏ chuột, một mũi tên sẽ xuất hiện, bằng cách nhấp vào đó bạn có thể chọn cách viết đúng của một từ nhất định , hoặc thêm nó vào từ điển hoặc vào danh sách bỏ qua.

Chúc bạn may mắn! Hẹn gặp lại bạn sớm trên các trang của trang blog

Bạn có thể quan tâm

Cách xóa dòng trống trong Notepad++ Cách chọn tên miền từ danh sách URL và xóa sự lặp lại của chúng bằng Notepad++ (chuẩn bị danh sách cho các liên kết Từ chối) Cách tìm kiếm nội dung file trong Total Commander
FileZilla - nơi tải xuống miễn phí và cách học cách sử dụng ứng dụng khách FTP phổ biến Filezilla
PhpMyAdmin - nó là gì, bạn có thể tải nó ở đâu, cách cài đặt, cấu hình và sử dụng nó
Artisteer - chương trình tạo và chỉnh sửa mẫu cho Joomla và chủ đề cho WordPress
Punto Switcher - công tắc bố trí bàn phím miễn phí và các tính năng khác của chương trình Punto Switcher

Nếu bạn muốn phát triển trang web, bạn cần có trình soạn thảo HTML. Tất nhiên, bạn có thể sử dụng notepad thông thường, nhưng nó chưa chắc sẽ tiện lợi. Điều quan trọng cần lưu ý là người soạn thảo HTML phải thực hiện hai nhiệm vụ quan trọng: đánh dấu mã và tự động hoàn thành. Đương nhiên, các chức năng bổ sung cũng được hoan nghênh, chẳng hạn như các chủ đề thiết kế khác nhau. Có nhiều chức năng bổ sung như vậy. Chà, bây giờ chúng ta hãy xem một số trình soạn thảo HTML miễn phí thực hiện xuất sắc các nhiệm vụ được liệt kê ở trên.

Trình chỉnh sửa mã miễn phí - Notepad của lập trình viên

Trình chỉnh sửa này cung cấp giao diện hiện đại có hai loại sáng và tối. Ngoài ra, khả năng làm nổi bật cú pháp rất tốt và cách phối màu được chọn lọc kỹ càng. Tôi nghĩ rằng trình soạn thảo này sẽ đáp ứng mọi yêu cầu của bạn.

Trình soạn thảo HTML - SynWrite

SynWrite là một trình soạn thảo thú vị với nhiều tính năng. Ý tưởng của trình soạn thảo này là kết hợp tất cả ưu điểm của các trình soạn thảo HTML khác trong một sản phẩm chất lượng cao. Chức năng của nó có thể được mở rộng đáng kể với sự trợ giúp của các plugin bổ sung được viết bằng Python. Ngoài các chức năng tiêu chuẩn, SynWrite cho phép bạn chỉnh sửa ngay lập tức nhiều đoạn mã cùng lúc:

Tính năng này sẽ giúp bạn tiết kiệm rất nhiều thời gian.

Trình soạn thảo HTML miễn phí - PlainEdit.NET

Trình chỉnh sửa này có thể mở nhiều tệp cùng một lúc và có thể thêm các plugin sẽ mở rộng đáng kể các chức năng của trình chỉnh sửa, bao gồm cả các chủ đề thiết kế. Ngoài ra, bạn có thể thêm và thay đổi văn bản bằng cách sử dụng biểu thức thông thường, ngay cả trong các tài liệu hiện không mở. Điều đáng chú ý là PlainEdit cũng có thể hoạt động từ ổ USB.

Sổ tay++

Trình soạn thảo này là một cổ điển. Nó rất phổ biến trên toàn thế giới. Notepad++ có mọi thứ mà một trình soạn thảo văn bản cần có. Giao diện có thể được tùy chỉnh theo mong muốn của bạn và các plugin miễn phí sẽ giúp mở rộng chức năng của trình chỉnh sửa.

Trình chỉnh sửa miễn phí - jEdit

Với trình chỉnh sửa này, bạn có thể mở và chỉnh sửa hầu hết mọi tệp. Nó đơn giản hóa đáng kể nhiệm vụ mở nhiều tệp cùng một lúc. Bất kỳ tính năng còn thiếu nào cũng có thể được bổ sung bằng nhiều plugin.

Ngay lập tức, jEdit đi kèm với các chức năng cần thiết được tích hợp sẵn, chẳng hạn như gấp mã, đánh dấu thẻ và thành phần, trình quản lý tệp và nhiều chức năng khác.

Văn bản tuyệt vời 2

Đây là trình soạn thảo phổ biến nhất trong số các lập trình viên và nhà phát triển web. Không có trình soạn thảo tương tự nào có được thành công như Sublime Text 2. Nó được nhiều lập trình viên khen ngợi. Trình chỉnh sửa có khả năng tùy biến cao thông qua các độ phân giải và tệp JSON khác nhau.

Đối với trình soạn thảo phổ biến này, bạn có thể tìm thấy các thư viện tài liệu phong phú, cả chính thức và không chính thức. Bạn có thể tìm thấy hướng dẫn về Sublime Text 2 ở khắp mọi nơi.

Sublime Text 2 miễn phí một phần, giấy phép có giá 70 USD.

Trình chỉnh sửa mới - Dấu ngoặc

Brackets là một trình soạn thảo mã nguồn mở hiện đại với một số tính năng thú vị. Nó hoạt động với Adobe Creative Cloud để lấy màu sắc, phông chữ và hơn thế nữa từ tệp PSD. Nó cũng có thể trích xuất các lớp dưới dạng hình ảnh. Rất thoải mái

Thật không may, Adobe Creative Cloud là dịch vụ trả phí.

Trình soạn thảo này có tất cả các chức năng cần thiết của một trình soạn thảo mã hiện đại. Có rất nhiều phần mở rộng khác nhau được phát hành 2 - 3 tuần một lần.

Aptana Studio 3

Điểm mạnh lớn nhất của trình soạn thảo là khả năng tùy chỉnh, tích hợp Git và thiết bị đầu cuối tích hợp. Aptana Studio 3 hỗ trợ các tiêu chuẩn web mới nhất như HTML5 và CSS3.

Phần kết luận

Hiện có rất nhiều trình soạn thảo HTML nhưng chỉ một số trong số đó thực sự có thể sử dụng được. Để sử dụng không thường xuyên thì có Notepad++, nhưng để sử dụng hàng ngày thì rõ ràng là không đủ. Có những lựa chọn tốt hơn cho việc này như Sublime Text 2 có thể được tùy chỉnh theo yêu cầu của người dùng. Tò mò muốn biết bạn chọn biên tập viên nào?

Mọi nhà thiết kế và lập trình web đều cần một trình soạn thảo trang web tốt để tạo và chỉnh sửa mã HTML, CSS và JavaScript. Notepad (Windows) và TextEdit (Mac) là những công cụ tuyệt vời để bắt đầu, nhưng khi bạn có thêm kinh nghiệm, bạn sẽ muốn sử dụng một công cụ mạnh mẽ hơn và thân thiện với người dùng hơn.

Có hàng trăm biên tập viên xuất sắc mà bạn có thể chọn người phù hợp, nhưng nhiều người trong số họ được trả tiền. Điều gì sẽ xảy ra nếu bạn không muốn vi phạm bản quyền nhưng ngân sách của bạn không có đủ tiền để mua một sản phẩm thương mại? Bài viết này xem xét một số biên tập viên miễn phí tuyệt vời.

Biên tập viên WYSIWYG.Đây là những trình soạn thảo đồ họa cho phép bạn xây dựng bố cục trang và đặt kiểu một cách trực quan, như trong trình xử lý văn bản nổi tiếng MS Word. Chúng là một công cụ thuận tiện để xây dựng thiết kế trang, mặc dù, như mọi nhà thiết kế web có kinh nghiệm đều biết, mã vẫn phải được điều chỉnh để đạt được kết quả tuyệt vời.
Trình soạn thảo văn bản.Đây là một công cụ để chỉnh sửa trực tiếp mã HTML và CSS. Một số trình soạn thảo có mục đích chung và không có các tùy chọn đặc biệt để hỗ trợ mã web. Một số khác chuyên sử dụng các ngôn ngữ web như HTML, CSS, JavaScript và PHP và có các thuộc tính tích hợp để nhập nhanh các thẻ HTML, thuộc tính CSS, v.v. Nhiều trình soạn thảo này cho phép bạn xem trang web trong một cửa sổ riêng biệt.

KompoZer (Windows, Mac, Linux)

KompoZer là một lựa chọn tuyệt vời nếu bạn cần một trình chỉnh sửa trực quan với mức ngân sách vừa phải

Komodo Edit là một trình soạn thảo tốt, dễ học nhưng mạnh mẽ và có thể mở rộng

Mặc dù là một trình soạn thảo có mục đích chung nhưng nó hỗ trợ HTML và CSS, đồng thời có tính năng tự động hoàn thành theo ngữ cảnh cho các thẻ HTML và thuộc tính CSS, cũng như một bộ sưu tập các đoạn mã chèn cho các thành phần HTML khác nhau. Để tận dụng tối đa Komodo, bạn cần cài đặt tiện ích mở rộng Bộ công cụ HTML, chứa các tính năng tuyệt vời như thẻ tự động đóng, xem trước giao diện CSS và trình tạo văn bản tạm thời.

Komodo Edit cho phép bạn xem các trang bạn đang chỉnh sửa trong bất kỳ trình duyệt đã cài đặt nào hoặc sử dụng trình duyệt tích hợp trong một cửa sổ riêng, để bạn có thể chỉnh sửa và xem kết quả thay đổi của mình cùng một lúc.

Trình chỉnh sửa có chức năng tích hợp để tải tệp lên trang web (FTP, FTPS, SFTP hoặc SCP) và bạn cũng có thể nhóm các tệp của mình một cách gọn gàng bằng tùy chọn trình quản lý dự án.

Tính năng rất hữu ích Mã > Chọn khối. Nó làm nổi bật khối HTML chính hiện tại, chẳng hạn như phần tử div hoặc ul hiện đang đóng. Một chức năng rất tiện lợi khi bạn cần chọn toàn bộ một phần trên trang để sao chép hoặc di chuyển.

Komodo Edit có rất nhiều tính năng mạnh mẽ và hữu ích, chẳng hạn như sử dụng biểu thức chính quy để tìm/thay thế, khả năng thực thi các lệnh bên ngoài, v.v. May mắn thay, trình soạn thảo cũng có hệ thống trợ giúp tốt giúp bạn dễ dàng tìm hiểu sức mạnh của Komodo Edit.

Aptana Studio (Windows, Mac, Linux)

Aptana Studio là môi trường phát triển ứng dụng web tích hợp hoàn chỉnh với một bộ plugin lớn. Mặc dù bạn chỉ có thể sử dụng nó làm trình soạn thảo mã HTML/CSS/JavaScript

Notepad++ là sự thay thế tuyệt vời cho Notepad trên Windows. Mặc dù nó không có nhiều tùy chọn như các trình soạn thảo khác nhưng nó rất tuyệt vời để chỉnh sửa HTML, CSS, JavaScript và các tệp mã khác

PSPad là một trình soạn thảo có mục đích chung khác dành cho Windows với nhiều tính năng hữu ích cho người lập trình HTML và CSS

jEdit là trình soạn thảo văn bản đa nền tảng với các tính năng plugin và lệnh macro mạnh mẽ. Cài đặt plugin XML nếu bạn cần chỉnh sửa trang web

TextWrangler là một trình soạn thảo có mục đích chung nhẹ. Mặc dù thiếu các chức năng đặc biệt để phát triển web nhưng nó có thể được sử dụng để làm việc với các trang web.

Vim chắc chắn là khó học, nhưng một khi bạn vượt qua được thử thách, bạn sẽ không bao giờ muốn quay lại!

Ông tổ của trình soạn thảo văn bản dành cho lập trình viên, Vim (hậu duệ trực tiếp của trình soạn thảo vi) là một trình soạn thảo văn bản bảng điều khiển nguồn mở. Nó là trình soạn thảo mặc định trên hầu hết các phiên bản Unix, bao gồm cả Linux và Mac OS X. Nó cũng có sẵn để sử dụng trên Windows và nhiều hệ thống khác.

Vim không phải là một hệ thống mà bạn có thể cài đặt và bắt đầu sử dụng ngay lập tức mà chưa từng làm việc với nó trước đây. Hầu hết các lệnh chỉnh sửa bao gồm các kết hợp kỳ lạ như :wq và / . Nó cũng có ba chế độ chỉnh sửa: chế độ chèn, trong đó văn bản được nhập vào; thị giác chế độ chọn văn bản; Và yêu cầu chế độ nhập lệnh. Chức năng này là di sản của Unix từ thời chưa có cửa sổ và chuột.

Tại sao anh ấy lại có tên trong danh sách? Nếu bạn thành thạo nó, bạn sẽ bị thuyết phục về tốc độ và sức mạnh của nó. Với một vài lệnh, bạn có thể thực hiện trong vài giây những việc mà các trình soạn thảo khác có thể mất vài phút.

Có một số lượng lớn macro và plugin dành cho Vim giúp làm việc với mã HTML, CSS và JavaScript dễ dàng hơn, bao gồm tô sáng cú pháp, tự động hoàn thành, HTML Tidy và xem trình duyệt. Dưới đây là một danh sách lớn các liên kết hữu ích:

Tự động hoàn thành Vim Omni
Chỉnh sửa HTML/XHTML trong Vim
trang chủ

Fraise (Mac)

Fraise là trình chỉnh sửa trực quan dành cho Mac, với bộ tính năng đủ để chỉnh sửa web

Giống như TextWrangler và gedit, Fraise là một trình soạn thảo nhẹ, tuyệt vời và rất dễ sử dụng. Nó là một ngã ba từ biên tập viên. Nó tương đối mới và không có máy chủ web thích hợp. Hiện tại nó chỉ được hỗ trợ trên Mac OS X 10.6 (Snow Leopard), nghĩa là nếu bạn đang chạy phiên bản 10.5, bạn sẽ phải tải xuống Smultron.

Fraise có một số tùy chọn tuyệt vời để chỉnh sửa web:

Làm nổi bật mã cho HTML, CSS, JavaScript, PHP và một số ngôn ngữ lập trình khác.
Lệnh Đóng thẻ(Command-T) để đóng thẻ hiện tại. Điều này thực sự tiết kiệm thời gian khi nhập danh sách.
Xem trước thuận tiện trong trình duyệt tích hợp (sử dụng WebKit), với tùy chọn Cập nhật trực tiếp rất tiện lợi? cập nhật trình duyệt ngay khi đánh dấu và CSS trên trang đang được chỉnh sửa thay đổi.
Tùy chọn Tìm nâng cao, hỗ trợ tìm kiếm/thay thế bằng biểu thức thông thường.
Hỗ trợ các khối để nhập nhanh các thẻ HTML và thuộc tính CSS.
Một số lệnh hữu ích để thao tác văn bản, chẳng hạn như xác thực HTML và chuyển đổi ký tự thành phần tử HTML.

Fraise đáng để khám phá nếu bạn sử dụng máy Mac và muốn một trình chỉnh sửa thân thiện với người dùng với nhiều khả năng hơn TextEdit tích hợp sẵn.

Trước đây khi chưa có CSS, người thiết kế phải tự gán thẻ cho từng tiêu đề . Thật đau đớn và sau đó là CSS, thứ giúp cuộc sống của các nhà thiết kế web trở nên dễ dàng hơn nhiều. CSS cho phép bạn xác định tất cả các kiểu cho trang web của mình trong một tệp (hoặc một số tệp, theo ý của bạn). Điều này tiết kiệm thời gian và làm cho mã linh hoạt hơn.

Nhưng tại sao chúng ta cần trình soạn thảo CSS? Mỗi sự ra đời của một công nghệ mới đều có hai mặt của đồng xu, trong CSS điều này được phản ánh qua việc hỗ trợ một số thuộc tính CSS trong trình duyệt IE. Và vì vậy người thiết kế web phải tìm ra cách hack để sửa lỗi hiển thị trên trình duyệt IE.

Trình soạn thảo CSS giúp bạn viết mã nhanh hơn và tránh nhiều lỗi.

1. MÁY tạo kiểu

STYLIZER là trình chỉnh sửa CSS cho phép bạn chỉnh sửa CSS và xem các thay đổi trong thời gian thực. Bạn chỉ cần nhập địa chỉ của một trang web và ở bên trái, bạn sẽ thấy trang web đó, bên phải là mã CSS mà bạn có thể thay đổi và những thay đổi sẽ hiển thị ở bên trái. Bạn có thể thay đổi thủ công bằng cách chỉ định các thuộc tính hoặc sử dụng các nút soạn thảo WYSIWYG.

Bạn cũng có thể thay đổi màu văn bản một cách linh hoạt. Khi bạn thay đổi màu, phổ màu sẽ xuất hiện tương tự như phổ màu có trong Adobe Photoshop.

Không thể mắc lỗi trong trình soạn thảo này, vì ở đây chính trình soạn thảo sẽ kiểm tra các giá trị bạn nhập.

2.TopStyle

Trình chỉnh sửa TopStyle hiển thị các kiểu được hỗ trợ bởi Firefox, IE, Safari và thậm chí cả trình duyệt iOS 2.0. Tính năng này có thể được sử dụng để phát triển thiết kế đa nền tảng.

Một trong những tính năng hữu ích của trình soạn thảo này là Trình kiểm tra, cho phép bạn thêm các thuộc tính CSS chỉ bằng một cú nhấp chuột, điều này sẽ tiết kiệm thời gian và công sức trong quá trình viết mã dài và tẻ nhạt.

Trình soạn thảo này còn cho phép bạn xem tính tương thích của các thuộc tính CSS trong trình duyệt, điều này rất hữu ích khi viết mã cho trình duyệt IE.

3. Bậc thầy về phong cách

Theo nhà phát triển, Style Master là trình soạn thảo có thể được sử dụng ở mọi cấp độ kiến thức CSS. Chương trình không chỉ có thể sử dụng trình soạn thảo WYSIWYG mà còn có thể viết mã theo cách thủ công (sẽ rất lạ nếu không phải như vậy :)), có tính năng đánh dấu từng thuộc tính, dành cho các nhà phát triển có kinh nghiệm hơn.

Có lẽ ưu điểm lớn nhất của trình soạn thảo này là các mẫu phong cách được tạo sẵn. Nó có khoảng 20 mẫu, được sắp xếp hợp lý, giúp bạn tạo kiểu cho trang web của mình một cách nhanh chóng và dễ dàng.

4. Trình chỉnh sửa CSS nhanh

Rapid CSS Editor là một chương trình tiện lợi, dễ dàng tùy chỉnh để chỉnh sửa các tệp CSS. Nó có một trình soạn thảo văn bản với tính năng tô sáng cú pháp, hoàn thành mã và các tính năng khác.

Với trình chỉnh sửa này, bạn có thể định dạng biểu định kiểu của mình theo ý muốn. Trình xác thực mã tích hợp sẽ không chỉ giữ cho biểu định kiểu luôn sạch sẽ mà còn bảo vệ khỏi các lỗi CSS.

5.CSSChỉnh sửa 3

Tôi sẽ nói ngay rằng trình soạn thảo này chỉ hỗ trợ MAC OS. Trình chỉnh sửa có thiết kế đẹp nhưng không dành cho người dùng mới làm quen. Trình chỉnh sửa dữ liệu cũng cho phép bạn xem các thay đổi một cách linh hoạt, theo thời gian thực.

Một tính năng thú vị của trình soạn thảo này là bạn có thể mô tả một thuộc tính bằng tiếng Anh đơn giản (Selector Builder đã được tạo cho việc này). Đối với người mới bắt đầu, tính năng này sẽ khá thú vị.

6. Trình soạn thảo CSS của EngInSite

Nếu bạn là một nhà thiết kế web nghiêm túc, quan tâm đến việc viết CSS chính xác, đặt thuộc tính chính xác, bạn sẽ thích trình soạn thảo này.

Trong trình chỉnh sửa này, bạn có thể thêm một lớp hoặc mã định danh bằng các hàm tích hợp sẵn, đồng thời còn có khả năng chuyển đổi màu từ HEX (định dạng thập lục phân) sang RGB, điều này rất hiếm đối với các biên tập viên.

Trình chỉnh sửa cũng có tính năng hoàn thành mã.

7. Nhà sản xuất phong cách

Trình chỉnh sửa CSS tiêu chuẩn cho phép bạn đặt phông chữ, màu sắc, lề, đường viền và các thuộc tính khác.

So với trình soạn thảo Rapid CSS, nó có ít chức năng hơn nhưng giao diện rõ ràng, điều này rất quan trọng đối với những người mới bắt đầu ngay lập tức bị choáng ngợp bởi một bộ chức năng lớn.

8. CSS đơn giản

CSS đơn giản cũng là một trình soạn thảo biểu định kiểu đơn giản. Nó là miễn phí. Bạn có thể làm việc trên một số dự án cùng một lúc. Có một chức năng xem trước sẽ hiển thị cách một lớp hoặc mã định danh sẽ trông như thế nào sau khi các thay đổi được thực hiện.

Phần kết luận

Bản thân tôi chỉ sử dụng Notepad++ và tôi hoàn toàn hài lòng với nó. Tất nhiên, đối với các dự án lớn, thuận tiện nhất là sử dụng các chương trình lớn như Adobe Dreamweaver, nhưng với mục đích của tôi, hiện tại khả năng của Notepad++ là đủ.