Thực đơn
trang chủWindows 10

Trình chỉnh sửa Html với torrent tải xuống bản xem trước trực quan. Trình soạn thảo HTML trực quan

Xin chào những người đăng ký và khách thân yêu của blog của tôi. Trong một số bài viết trước, tôi đã giới thiệu cho bạn những kiến ​​thức cơ bản về CSS và ngôn ngữ CSS, nhưng chỉ đề cập gián tiếp đến các chương trình trợ giúp. Đó là lý do tại sao hôm nay tôi thấy cần phải nói về trình soạn thảo html trực quan tốt nhất. Tôi sẽ cho bạn biết về một số công cụ xây dựng trang web phổ biến và sau này bạn có thể tải xuống và dùng thử công cụ bạn thích.

Đạt top 10

Hiện tại, các công ty đã phát hành nhiều sản phẩm phần mềm chuyên dụng, mục tiêu chính là tối ưu hóa quy trình làm việc của các nhà phát triển. Có cả biên tập viên trả phí và miễn phí.

Vì blog của tôi nhằm mục đích dạy những người mới bắt đầu về vấn đề này, nên tôi quyết định mô tả các công cụ miễn phí hàng đầu để tạo trang web. Rất có thể, bạn đã đoán được rằng chúng ta sẽ nói về mười chương trình trực quan tiện lợi nhất. Hãy bắt đầu với những cái đơn giản nhất.

(https://notepad-plus-plus.org/)

Đây là một công cụ tuyệt vời để đào tạo các nhà phát triển trong tương lai. Chương trình có giao diện đơn giản, thân thiện với người dùng, không có chuông và còi không cần thiết, đồng thời hỗ trợ đa ngôn ngữ, tức là bạn có thể dịch menu soạn thảo sang tiếng Nga. Các lợi ích khác bao gồm làm nổi bật cú pháp mã và triển khai xác minh và xác thực.

PSPad(http://www.pspad.com/)

Cũng giống như chương trình trước, PSPad là một công cụ đa năng giúp làm nổi bật văn bản css và html, tự động lưu các thay đổi sau khi hoàn thành chương trình, kiểm tra tính chính xác của mã đã viết và cho phép bạn bật chế độ xem trước của các trang đã phát triển ở định dạng . Trình soạn thảo trực quan này chứa nhiều tính năng hữu ích hơn Notepad++ nhưng nó vẫn là một công cụ phát triển đơn giản.

KompoZer(http://www.kompozer.net/)

Sản phẩm phần mềm là trình soạn thảo WYSIWYG, có nghĩa là “những gì bạn thấy là những gì bạn nhận được”. KompoZer được đưa vào danh sách dẫn đầu trong số các biên tập viên trực quan và vì lý do chính đáng. Nó cho phép các nhà phát triển và nhà thiết kế làm việc cùng nhau vì nó có 3 chế độ hoạt động. Hãy bắt đầu với chế độ mã yêu thích của tôi.

Mặc dù thiếu tính năng tự động hoàn thành các thành phần được ghép nối của ngôn ngữ đánh dấu, chế độ này cho phép bạn chỉnh sửa mã như trong trình soạn thảo văn bản. Ở chế độ WYSIWYG, các nhà thiết kế sẽ thuận tiện hơn trong việc thiết kế giao diện của tài nguyên web. Chế độ chung mang lại cơ hội làm quen với việc đánh dấu các đối tượng cụ thể một cách chi tiết.

Komodo Chỉnh sửa(http://www.activestate.com/komodo_edit/)

Công cụ mạnh mẽ với mã nguồn có sẵn. Nó dựa trên môi trường phát triển thương mại Komodo IDE, vì vậy sản phẩm được trang bị nhiều tính năng bổ sung: tự động hoàn thành và đóng thẻ theo ngữ cảnh, tạo văn bản ngẫu nhiên để điền vào các trường, xem trước đánh dấu kiểu, biểu thức chính quy tích hợp và hơn thế nữa .

Về tất cả những điều này, tôi muốn nói thêm rằng khả năng của chương trình có thể được mở rộng đáng kể với sự trợ giúp của các tiện ích đặc biệt!

jSửa đổi(http://www.jedit.org/)

jEdit là một sản phẩm phần mềm đa nền tảng. Nó cung cấp tính năng đánh dấu cú pháp cho văn bản bằng văn bản, cài đặt bổ sung các plugin để mở rộng khả năng, sau đó tự động đóng thẻ, xác thực mã và nhiều chức năng khác sẽ khả dụng.

Tuy nhiên, đối với cá nhân tôi, trở ngại trên con đường đến với trình soạn thảo này là giao diện cẩu thả và bất tiện.

Studio Aptana(http://www.aptana.com/)

Nếu bạn muốn học lập trình trong một môi trường phát triển toàn diện, thì hãy làm việc với sản phẩm này. Môi trường hỗ trợ nhiều ngôn ngữ lập trình và không chỉ phù hợp cho các trang web mà còn phù hợp để viết các loại ứng dụng khác. Nhưng hãy chuẩn bị dành chút thời gian để nắm vững các tính năng kỹ thuật của nó.

yếu đuối(https://www.assembla.com/home)

Đây là trình soạn thảo văn bản phù hợp để tạo tài nguyên web, tiếc là chỉ dành cho nền tảng Mac OS X 10.6. Chương trình hỗ trợ đánh dấu màu văn bản bằng nhiều ngôn ngữ khác nhau, cung cấp bản xem trước của các trang đã tạo, được trang bị các lệnh đặc biệt để tăng tốc độ gõ và kiểm tra cú pháp, cho phép bạn sử dụng các biểu thức thông thường và tự động thêm các thuộc tính đã nhập.

Gedit(http://projects.gnome.org/gedit/)

Một trình soạn thảo văn bản đơn giản, sau khi cài đặt các tiện ích bổ sung, sẽ biến thành một trình soạn thảo web một cách kỳ diệu. Sử dụng các tiện ích, các thuộc tính sau được thêm vào:

  • Tự động hoàn thành các phần tử được ghép nối;
  • Tạo văn bản tạm thời;
  • Kiểm tra cú pháp mã;
  • Xem trước trong bất kỳ trình duyệt nào.

vim(http://www.vim.org/)

Một trình soạn thảo bảng điều khiển khó học nhưng lại có nhiều ưu điểm cho lập trình viên. Được trang bị 3 chế độ hoạt động.

ICEcode(https://icecoding.net/downloads)

Đây là trình soạn thảo văn bản có trình soạn thảo văn bản cung cấp khả năng viết và chỉnh sửa mã trực tiếp trong trình duyệt. Một công cụ hiện đại tuyệt vời để làm việc cả cục bộ và trực tuyến, được trang bị các đặc điểm của trình soạn thảo tiêu chuẩn nhưng hỗ trợ làm việc với cơ sở dữ liệu và chức năng trên tất cả các nền tảng.

Đối với tôi, tôi thường xuyên thay đổi các chương trình WYSIWYG, thử các phiên bản và sản phẩm mới từ các công ty khác nhau.

Chỉ vậy thôi, chúc bạn may mắn tìm được trình soạn thảo phù hợp với mình! Chia sẻ liên kết với bạn bè của bạn và nhớ đăng ký vào blog của tôi trước khi rời đi. Còn rất nhiều bài viết hữu ích khác trong dự án. Tạm biệt!

Trân trọng, Roman Chueshov

Đọc: 905 lần

Hầu hết mọi người dùng Internet đều từng nghĩ đến việc tạo trang web của riêng mình, nhưng không phải ai cũng có thời gian và khả năng để nắm vững ít nhất những điều cơ bản về lập trình và bố cục web. Tuy nhiên, trong hầu hết các trường hợp, không cần phải phát triển các phần tử lập trình phức tạp và bạn có thể tạo một trang web đẹp và đầy đủ chức năng bằng cách sử dụng trình chỉnh sửa trang web trực quan hoặc trình chỉnh sửa WYSIWYG.

Những chương trình như vậy, mặc dù tương đối dễ sử dụng, khác xa với các công cụ phát triển nghiệp dư, nhưng khả năng làm việc với bất kỳ mức độ kinh nghiệm nào chính là điều khiến chúng trở nên đặc biệt.

WYSIWYG là từ viết tắt của từ tiếng Anh What You See Is What You Get, được dịch là “những gì bạn thấy là những gì bạn nhận được”. Đó là, chúng ta đang nói về một môi trường phát triển trong đó người dùng, khi làm việc, có thể thấy ngay kết quả gần đúng cho những nỗ lực của mình. Thông thường nhất trong Runet, từ tương tự tiếng Nga của từ viết tắt được đề cập được sử dụng và các chương trình thuộc loại này được gọi là trình soạn thảo trực quan. Sử dụng các ứng dụng như vậy, bạn có thể tạo mã bằng các ngôn ngữ lập trình và bố cục khác nhau - HTML, CSS, PHP, v.v.

Trình soạn thảo WYSIWYG phổ biến nhất cho HTML và các ngôn ngữ phát triển web khác là Adobe Dreamveawer. Nó có giao diện thực sự thân thiện với người dùng, một số lượng lớn các công cụ có sẵn, hỗ trợ các công nghệ mới nhất và tích hợp với các ứng dụng Creative Suite khác. Ưu điểm lớn của Adobe Dreamveawer là có sẵn tài liệu chuyên môn chi tiết cũng như nhiều bài học miễn phí về cách làm việc với chương trình, có thể tìm thấy trên Internet. Ngoài ra, nó có thể hoạt động với các công cụ CMS phổ biến như Joomla, WordPress và Drupal. Phiên bản hiện tại là CS6.

Một trình soạn thảo trực quan phổ biến khác là WYSIWYG Web Builder, gần đây đã được cập nhật lên phiên bản 9. Đây là một giải pháp mạnh mẽ cho phép bạn tạo các trang web chất lượng cao mà không cần bất kỳ kỹ năng viết mã hoặc lập trình web nào. Chương trình cho phép bạn tạo cả trang web danh thiếp đơn giản hoặc tài nguyên nhiều trang với các tình huống phức tạp và chèn các yếu tố tương tác. Bộ này đi kèm với một số mẫu khác nhau và bạn có thể thêm các mẫu mới khi làm việc. Phiên bản mới nhất của WYSIWYG Web Builder có giao diện ribbon, các tính năng mới để làm việc với CSS3 và hơn một trăm cải tiến khác.

Ngoài các giải pháp thương mại, còn có các giải pháp nguồn mở tốt. Ví dụ: trình soạn thảo trực quan miễn phí BlueGriffon, được tạo trên công cụ Gecko, cũng chạy trình duyệt Mozilla Firefox nổi tiếng thế giới.

Đây là giải pháp hiện đại và đáng tin cậy để chỉnh sửa trang web và tạo trang web đáp ứng các tiêu chuẩn Web mới nhất. BlueGriffon là trình soạn thảo trực quan đa ngôn ngữ cho HTML, PHP, CSS và các ngôn ngữ phát triển web khác, có giao diện trực quan, thân thiện với người dùng và tài liệu được chỉnh sửa trong đó sẽ trông giống hệt như trong trình duyệt Firefox.

Trình soạn thảo WYSIWYG là một công cụ thực sự tiện lợi để chỉnh sửa các trang web và tạo các trang web chính thức với mức độ phức tạp khác nhau. Với điều này, người dùng có thể tạo các trang web hấp dẫn mà không cần kiến ​​thức kỹ thuật sâu rộng.

Để làm việc thoải mái với các trang HTML, thực hiện các thay đổi và chỉnh sửa chúng, các trình soạn thảo HTML được sử dụng. Ngày nay có rất nhiều trình soạn thảo như vậy, mỗi trình soạn thảo đều có điểm mạnh và điểm yếu riêng và cũng có thể được sử dụng cho nhiều nhiệm vụ khác nhau.

Adobe Dreamweaver là một trong những trình soạn thảo HTML lâu đời nhất, phiên bản đầu tiên được phát hành vào tháng 12 năm 1997. Kể từ đó, gói này đã trải qua nhiều thay đổi và cuối cùng trở thành một trình soạn thảo HTML chuyên nghiệp thực sự, được sử dụng để làm việc với các dự án web phức tạp. Tại đây bạn sẽ tìm thấy tất cả các công cụ mới nhất dành cho nhà phát triển web.

Phiên bản mới hỗ trợ chuẩn HTML 5, đồng thời cải thiện trình soạn thảo mã và cửa sổ dành cho nhà phát triển. Hỗ trợ bộ tiền xử lý CSS đã được triển khai cũng như hiển thị tất cả các thay đổi trong cửa sổ trình duyệt theo thời gian thực. Tích hợp chặt chẽ với Flash Player được cung cấp. Thiết kế bên ngoài đã được cập nhật hoàn toàn.

Nhược điểm của Adobe Dreamweaver là “nặng” và yêu cầu về phần cứng. Bạn phải có vài gigabyte trống trên ổ cứng để cài đặt gói. Chương trình có một số lượng lớn các tab và cài đặt khác nhau, cần thêm thời gian để làm quen với nó. Ngoài ra, Adobe Dreamweaver là phần mềm độc quyền yêu cầu bạn phải trả tiền để sử dụng.

Mặc dù vậy, chương trình có thời gian dùng thử miễn phí, trong thời gian đó bạn có thể đánh giá tất cả lợi ích và ưu điểm của gói này. Thông thường khoảng thời gian này kéo dài trong một tháng kể từ ngày cài đặt chương trình.

Trình soạn thảo đa nền tảng Sublime Text đang dần được các chuyên gia ưa chuộng. Điều này là do tính đơn giản tối đa, không rườm rà và đồng thời có tất cả các công cụ cần thiết mà nhà phát triển cần. Tuy nhiên, nếu bạn đột nhiên cần thứ gì đó và nó không có chức năng tiêu chuẩn của Sublime Text, thì bạn luôn có thể tìm thấy nó dưới dạng plugin hoặc bạn có thể tự viết nó bằng Python. Tất cả công việc được thực hiện bằng phím nóng, vì vậy bản thân cửa sổ chương trình chứa tối thiểu các thành phần giao diện. Khu vực làm việc có thể được chia thành nhiều cửa sổ độc lập, được sắp xếp theo chiều ngang, chiều dọc hoặc theo dạng lưới.

Bất chấp tất cả những ưu điểm, trình soạn thảo Sublime Text vẫn là một công cụ khá khó khăn đối với người mới bắt đầu. Ngay cả cấu hình tiêu chuẩn của trình chỉnh sửa ở đây cũng không sử dụng menu mà sử dụng các tệp config.json, hoạt động với tệp này yêu cầu người dùng phải đào tạo cơ bản. Tuy nhiên, đối với các lập trình viên chuyên nghiệp, sẽ không khó để tùy chỉnh công cụ này vì nó đi kèm với tài liệu đầy đủ.

Trình soạn thảo Sublime Text là phần mềm độc quyền nhưng bạn không phải trả tiền để sử dụng nó. Mỗi khi bạn khởi chạy nó, một cửa sổ sẽ xuất hiện nhắc nhở bạn rằng bạn có thể chính thức mua chương trình này, nhưng việc này được thực hiện trên cơ sở quyên góp chứ không phải mua bắt buộc.

Bạn có thể tải xuống chương trình trên trang web chính thức: https://www.sublimetext.com.

Notepad++ về mặt kỹ thuật không phải là một trình soạn thảo HTML nhưng nó có thể được sử dụng cho những mục đích này. Nó có tính năng tô sáng cú pháp tích hợp cho các ngôn ngữ đánh dấu HTML và XML, các ngôn ngữ lập trình phổ biến nhất, một số ngôn ngữ được sử dụng trong phát triển web, chẳng hạn như PHP, Ruby, Perl, Python và nhiều ngôn ngữ khác.

Có một số công cụ giúp bạn chỉnh sửa mã, chẳng hạn như điểm đánh dấu, gấp khối mã, tự động hoàn thành, trình quản lý dự án, chỉnh sửa và đánh dấu nhiều dòng, hỗ trợ nhiều loại mã hóa khác nhau, v.v. Ngoài ra còn có một số lượng lớn plugin cho Notepad++ từ nhiều nhà phát triển khác nhau, giúp mở rộng đáng kể chức năng của chương trình, khiến nó trở thành đối thủ cạnh tranh nặng ký đối với các trình soạn thảo HTML chuyên nghiệp.

Ưu điểm của trình soạn thảo văn bản Notepad++ bao gồm tốc độ và dung lượng ổ đĩa nhỏ. Ngoài ra, chương trình có giao diện rất đơn giản, không cần thêm thời gian đào tạo để làm việc. Ngoài ra, Notepad++ được cập nhật liên tục, chương trình này sẽ tự thông báo cho người dùng và đề nghị cài đặt chúng. Ưu điểm quan trọng nhất của trình soạn thảo là nó được phân phối theo giấy phép GNU GPL 2, ngụ ý phần mềm miễn phí.

Bạn có thể tải xuống trình chỉnh sửa này ngay bây giờ từ trang web chính thức https://notepad-plus-plus.org mà không có bất kỳ hạn chế nào.

Đây là một trình soạn thảo đơn giản với giao diện đẹp mắt, gợi nhớ một cách trực quan đến Sublime Text. Được viết bằng CoffeeScript. Atom là một trình soạn thảo văn bản khá trẻ, phiên bản đầu tiên ra mắt vào ngày 26 tháng 2 năm 2014. Có hỗ trợ các plugin được viết bằng Node.js. Thích hợp cho người mới bắt đầu làm việc không chỉ với HTML mà còn với một số tác vụ khác.

Atom miễn phí và có thể được cài đặt trên hầu hết các hệ điều hành phổ biến. Ngoài ra, nó khá dễ cài đặt và sử dụng, hoạt động nhanh chóng và cần một lượng nhỏ dung lượng trống trên ổ cứng của bạn.

Để bắt đầu với trình chỉnh sửa này, chỉ cần nhấp vào “Mở dự án” từ cửa sổ chào mừng mở theo mặc định. Tiếp theo, một thư mục dành cho công việc được chọn, sau đó một tệp được tạo trong đó và phần mở rộng của nó được chỉ định. Cú pháp của tệp được xác định tự động dựa trên phần mở rộng đã chỉ định.

Vim là một trình soạn thảo văn bản miễn phí chuyên nghiệp có nguồn gốc từ dòng trình soạn thảo Unix lâu đời nhất. Vim được phát hành lần đầu tiên vào ngày 2 tháng 11 năm 91. Nó được biết đến như một công cụ dành cho các lập trình viên chuyên nghiệp, mang lại cơ hội to lớn cho việc tự động hóa công việc. Giao diện trực quan tiêu chuẩn của Vim là giao diện điều khiển, nhưng có một bản sửa đổi của Gvim hoạt động thông qua giao diện đồ họa có cửa sổ.

Khi làm việc với Vim, có một số chế độ, việc chuyển đổi giữa các chế độ này sẽ thay đổi các phím nóng và chức năng của chúng. Ban đầu, Vim bắt đầu ở chế độ được gọi là chế độ “bình thường” hoặc “lệnh”. Nó có tất cả các phím nóng thông thường, chẳng hạn như “sao chép”, “xóa”, “dán”. Ở các chế độ khác, bạn nhập văn bản, làm việc với bảng điều khiển hoặc gọi chế độ trực quan. Có vẻ như tại sao lại có những khó khăn như vậy? Thực tế là Vim được phát triển như một công cụ trong đó mọi hành động được coi là không phải theo quan điểm “tiện lợi” cổ điển mà là thứ đòi hỏi sự tối ưu hóa tối đa.

Vim rất nhanh và hầu như không sử dụng tài nguyên hệ thống. Về độ khó của việc học, đây chắc chắn không phải là công cụ dành cho người mới bắt đầu. Hơn một trăm lệnh đã được phát triển cho riêng thao tác di chuyển. Tất nhiên, bạn không cần phải ghi nhớ tất cả. Mọi người đều chọn phong cách lập trình của riêng mình và dựa vào đó để tìm hiểu những gì họ cần. Để thành thạo trình soạn thảo này ở mức độ phù hợp sẽ cần rất nhiều kiên nhẫn và thời gian. Tuy nhiên, như một phần thưởng, những người dùng siêng năng sẽ nhận được trình chỉnh sửa mã mạnh mẽ nhất hiện có. Vim là một công cụ miễn phí và đa nền tảng chạy trên Linux, Mac, Windows và một số hệ điều hành khác.

Không giống như các chương trình khác, IntelliJ IDEA là môi trường phát triển tích hợp chuyên nghiệp (IDE). Ngoài thực tế là nó có thể hoạt động liền mạch với các ngôn ngữ đánh dấu HTML/XHTML/HAML và các ngôn ngữ mô tả giao diện trang CSS/SASS/LESS, nó còn có thể hợp tác chặt chẽ với Java, JavaScript, Python và Coffee Script. IntelliJ IDEA được phát triển bởi JetBrains.

Tại sao bạn nên bắt đầu sử dụng chương trình cụ thể này? Thứ nhất, nó có một giao diện thực sự chu đáo. Bạn có thể bắt đầu làm việc với nó ngay sau khi cài đặt, ngay cả khi bạn chưa từng gặp nó trước đây. Ngoài ra, bạn có thể làm việc với các công cụ phổ biến như CVS, Apache Ant, Maven, JUnit và Subversion, nhân tiện, những công cụ này hoàn toàn miễn phí.

Thật không may, bản thân IntelliJ IDEA không phải là một chương trình hoàn toàn miễn phí. Phiên bản đầy đủ chỉ có sẵn trong thời gian dùng thử 30 ngày và phiên bản rút gọn của nó thiếu nhiều tính năng hữu ích và thực sự có thể hữu ích để phát triển ứng dụng trên Android hoặc khi làm việc với máy Java.

Cung cấp cho người dùng cơ hội định dạng văn bản mà không cần học thêm mã là điều mà các nhà phát triển đã làm việc chăm chỉ trong vài năm qua. Và điều đó không phải là vô ích, họ đã đạt được những tiến bộ đáng kể. Chúng tôi giới thiệu cho bạn 10 được sử dụng nhiều nhất biên tập viên WYSIWYG. Chúng tôi hy vọng bạn sẽ tìm thấy một cái gì đó cho các dự án của riêng bạn.

01. NicSửa đổi

NicSửa đổi là một sự thay thế tuyệt vời cho các trình soạn thảo lớn và cồng kềnh. Nó bao gồm tất cả các tính năng cần thiết nhưng vẫn rất dễ tích hợp vào một trang web.

02. TinyMCE


TinyMCE là trình soạn thảo WYSIWYG HTML javascript miễn phí. Thật dễ dàng để triển khai vào trang web của bạn và cung cấp nhiều tùy chọn tùy chỉnh và giao diện. TinyMCE có lẽ là trình soạn thảo “hoàn thiện” nhất trong lựa chọn của chúng tôi hiện nay. Gần như MSWord.

03.CKEditor


CKeditor là FCKEditor mới, đã sớm giành được danh hiệu dẫn đầu thị trường. Trình chỉnh sửa được phát triển dựa trên nó và nhằm mục đích khắc phục những vấn đề phát sinh trong FCKEditor. Kết quả là một trình soạn thảo WYSIWYG có năng suất cao cung cấp tất cả các tính năng mà bạn thường thấy trong MSWord hoặc Open Office.

04. Trình soạn thảo văn bản phong phú YUI


Trình soạn thảo văn bản phong phú YUI là một giao diện người dùng đồ họa của Yahoo giúp biến trường nhập văn bản thông thường thành trình soạn thảo WYSIWYG chính thức. Ứng dụng được cung cấp với nhiều phiên bản khác nhau, với các thuộc tính và nội dung khác nhau. Nhưng sử dụng bất kỳ phiên bản nào, bạn sẽ có được tất cả các chức năng cần thiết của trình soạn thảo.


đánh dấu là một plugin jQuery cho phép bạn biến trường nhập văn bản thông thường thành trình chỉnh sửa thẻ và định dạng. Html, Wiki và BBcode chỉ là một vài trong số những gì plugin này cung cấp. Markitup không phải là trình soạn thảo WYSIWYG, nhưng điều đó không khiến nó tệ hơn chút nào vì nó cung cấp cho bạn tất cả chức năng bạn cần.

06. Hộp văn bản miễn phí


FreeTextBox là trình soạn thảo HTML được thiết kế dành riêng cho ASP.NET. Giao diện của trình soạn thảo rất giống với Microsoft Word. Phiên bản miễn phí thực sự không có nhiều tính năng nhưng nó có mọi thứ bạn cần.

07.MooCó thể chỉnh sửa


Phần lớn các trình soạn thảo WYSIWYG hiện cung cấp các plugin cho thư viện jQuery phổ biến và trong một số ít trường hợp là Mootools. MooCó thể chỉnh sửa hoàn toàn lấp đầy khoảng trống này bằng cách trở thành một thư viện javascript đơn giản nhưng rất hiệu quả. Nếu bạn là người hâm mộ Mootools thì bạn sẽ không gặp vấn đề gì với nó.

08. OpenWysiwyg?


OpenWysiwyg là một trình soạn thảo chính thức trên nhiều trình duyệt với tất cả các chức năng cần thiết. Nó thậm chí còn bao gồm các menu và nút thả xuống hấp dẫn. Thật không may, Chrome sẽ không hỗ trợ nó.

09. Biên tập Spaw- trang web đã chết


Trình chỉnh sửa sinh sản là trình soạn thảo WYSIWYG cho phép các nhà phát triển trang web thay thế các trường văn bản tiêu chuẩn bằng trình chỉnh sửa HTML được kiểm soát, với nhiều cài đặt, bằng nhiều ngôn ngữ và khả năng thay đổi giao diện.

10.jHtmlKhu vực


jHtmlKhu vực là một trình soạn thảo văn bản WYSIWYG khác, là một plugin dành cho Jquery. Mục tiêu của plugin là sự đơn giản và dễ sử dụng. Nó bao gồm tất cả các chức năng cần thiết. Bạn có thể tùy chỉnh giao diện, tính năng và ngôn ngữ.

Chuyển đổi bất kỳ tài liệu nào sang HTML thuần túy. Trình định dạng mã trực tuyến miễn phí này sẽ giúp bạn tạo tài liệu của mình một cách nhanh chóng và dễ dàng. Bạn có thể đồng thời xem và chỉnh sửa tài liệu mã nguồn trực quan. Chỉnh sửa một trong các trường này và những thay đổi sẽ được phản ánh ngay lập tức trong trường khác, cùng lúc khi bạn nhập.

Trình soạn thảo WYSIWYG "những gì bạn thấy là những gì bạn nhận được"

Làm việc trong trình soạn thảo văn bản trực quan này rất trực quan. Nó hoạt động giống như Microsoft Word, Open office hoặc bất kỳ trình soạn thảo văn bản đa dạng thức nào khác và cho phép bạn xem trước các thành phần sẽ trông như thế nào khi bạn xuất bản bài viết của mình lên trang web. Xin lưu ý rằng giao diện có thể thay đổi đôi chút tùy thuộc vào tệp CSS của trang web.

Trình soạn thảo mã nguồn

Trình soạn thảo mã HTML với cú pháp được đánh dấu có nhiều tính năng hữu ích, chẳng hạn như:

  • Bộ đếm số dòng
  • Chọn hàng đang hoạt động
  • Làm nổi bật thẻ mở và thẻ đóng tương ứng
  • Tự động đóng thẻ
  • Xem dưới đây để biết thêm chi tiết...

Tùy chọn làm sạch:

  • Phong cách tích hợp- Xóa từng cái phong cách thuộc tính thẻ. Nên sử dụng một tệp CSS riêng để tạo kiểu.
  • lớp & id- Loại bỏ tất cả thuộc tính lớp học Và nhận dạng. Chức năng này rất hữu ích nếu bạn đang chuyển một bài viết từ trang này sang trang khác và muốn loại bỏ các lớp nước ngoài.
  • Thẻ trống- Loại bỏ các thẻ không chứa gì hoặc chỉ có khoảng trắng.
  • Thẻ không gian đơn- Loại bỏ các thẻ có chứa một khoảng trắng, chẳng hạn như
  • Lặp lại khoảng trắng- Loại bỏ các khoảng trắng lặp lại do thực hành dịch văn bản sang phải và điều chỉnh các khoảng trống trong văn bản không tốt:
  • Xóa bình luận- Loại bỏ các bình luận HTML:
  • Thuộc tính thẻ- Xóa tất cả thuộc tính thẻ, bao gồm kiểu, lớp, v.v. Tùy chọn này không ảnh hưởng src hình ảnh và thuộc tính href liên kết, vì nếu không các thẻ này sẽ trở nên vô dụng.
  • Trong văn bản thuần túy- Loại bỏ tất cả các thẻ, định dạng và để lại văn bản thuần túy.

Tùy chọn trình soạn thảo HTML

Mở menu thả xuống ▼ để hiển thị các tùy chọn dọn dẹp. Các tùy chọn đã chọn sẽ được thực thi sau khi nhấp vào nút HTML rõ ràng chính. Nhấp vào biểu tượng tam giác màu đỏ ở bên phải để chỉ thực hiện một trong số chúng.

  • Hủy bỏ- Khôi phục tài liệu về trạng thái trước đó. Quay lại bước trước nếu tùy chọn làm sạch không mang lại kết quả như mong muốn.
  • Trang mới- Xóa toàn bộ tài liệu để làm lại từ đầu.
  • nén- Tab và dòng mới được sử dụng để làm cho tệp HTML dễ đọc hơn nhưng không ảnh hưởng đến hiển thị trong trình duyệt web. Loại bỏ những ký tự không cần thiết này để giảm thiểu kích thước tệp và giúp tải trang nhanh hơn.
  • Chế độ xem dạng cây- Đặt thụt lề văn bản để làm nổi bật thứ bậc thẻ. Với tùy chọn này, bạn có thể làm cho tài liệu nén có thể đọc lại được.
  • Mã hóa ký tự- Quyết định xem bạn có muốn mã hóa các ký tự đặc biệt hay không. Ví dụ
  • Nội dung demo- Điền vào trang tổng quan của bạn nội dung demo sẽ giúp bạn thử nghiệm công cụ. Bản demo chứa tiêu đề, bảng, hình ảnh, đoạn văn và các yếu tố khác.
  • Cuộn các trình chỉnh sửa lại với nhau- Theo mặc định, hai trình soạn thảo sẽ cuộn cùng nhau nếu tài liệu lớn. Bạn có thể tắt tính năng này.
  • Thêm văn bản vô nghĩa- Thêm mệnh đề “Lorem ipsum” vào cuối file. Nhấp lại để thêm một cái khác.

Chữ rõ ràng

Nhấp vào đây để chỉnh sửa văn bản này hoặc dán tài liệu của bạn vào đây để chuyển đổi sang HTML 😁

Bản demo này cho phép bạn kiểm tra khả năng của trình soạn thảo này. Nhập văn bản vào một trong các trường và xem các trường khác thay đổi như thế nào trong thời gian thực!

Định cấu hình các tùy chọn dọn dẹp và nhấp vào ▼ Clean

Làm việc với bất kỳ biên tập viên nào và xem những thay đổi khác trong thời gian thực như thế nào:

Hoàn thành GeekPrank để có một trò chơi khăm trực tuyến thú vị.