7个最佳的便利的HTML5编辑器

jopen 10年前

1. Aloha Editor

7个最佳的HTML5编辑器,你会发现在Web开发时很便利

This is a rich-text editor developed in JavaScript. Additionally, serving as a browser-based framework, Aloha Editor can be easily embedded within a specific content management system(CMS) and a variety of other frameworks used for developing blogs, websites, web apps etc. By simply embedding a piece of code into the document, you can conveniently edit an element of DOM.

2. Maqetta

7个最佳的HTML5编辑器,你会发现在Web开发时很便利

As yet another remarkable browser-based HTML5 editor, Maqetta is a full-featured WYSIWYG editor that can be used for creating a web page, dragging and dropping elements onto a web page and editing a web page using the source code view or the design mode. Additionally, Maqetta comes with a wireframing feature which allows you to design the app/website’s user interface prior to starting with the coding part. Maqetta is an open source HTML5 editor whose source code can be readily downloaded and installed onto your own web server. Further, you can opt for customizing this code in order to fit your needs and also contributing hacks to the Maqetta open source project.

3. BlueGriffon

7个最佳的HTML5编辑器,你会发现在Web开发时很便利

Driven by Gecko, BlueGriffon is an innovative WYSIWYG editor that is available for free download and is compatible with major operating systems including Windows, Mac OS and Linux. Equipped with an absolutely simple interface, creating and modifying HTML5 documents becomes a complete breeze with BlueGriffon. Currently available in a variety of languages including English, Finnish, Dutch, German, Japanese, Spanish, Simplified Chinese and many more, BlueGriffon allows you to create eye-catchy websites without the need for having any extensive technical knowledge about multiple web standards. BlueGriffon is currently licensed under the GNU General Public License Version 2, Mozilla Public License 1.1 and GNU Lesser General Public License Version 2.1

4. Aptana Studio 3

7个最佳的HTML5编辑器,你会发现在Web开发时很便利

As an open source HTML5 editor, Aptana Studio3 allows you to test your web apps in a single web development environment. Supporting some of the most popular web technologies such as HTML5, CSS3, Javascript, Rails, PHP, Ruby etc., Aptana Studio3 comes loaded with features including IDE customization, deployment wizard, Javascript code, GIF integration and many more.

5. Mercury

7个最佳的HTML5编辑器,你会发现在Web开发时很便利

As yet another full-featured HTML5 editor, Mercury has been developed in Rails3.1, jQuery and CoffeeScript. Compatible with all major web browsers including Safari 5+, Chrome 10+ and Firefix 4+, Mercury allows you to insert and edit images, videos and links. There is a separate toolbar which allows you to come up with different web products in an easier and organized way.

6. MacFlux

7个最佳的HTML5编辑器,你会发现在Web开发时很便利

Dedicated to web development for Mac operating system, Mac is an HTML5 editor which supports multiple web technologies including Ruby, HTML4, JSP, PHP and many more. MacFlux comes with an amazing WYSIWYG rendering engine which can be conveniently used for dragging, sketching and moving objects as is done in case of a desktop publishing application. Some of the most stunning features included in this HTML5 editor are:

  • Image Maps
  • Brand New FTP
  • Powerful web design software
  • Quick-start templates
  • CSS Gradients
  • Advanced Font support

7. Dreamweaver CS5

7个最佳的HTML5编辑器,你会发现在Web开发时很便利

Now, rendering support to the latest HTML5, Dreamweaver CS5 has already created waves as a code mangler in the web development industry. The all-new Extract feature allows you to extract the Photoshop compositions into multiple code-based designs. Plus, you can also use the contextual code hinting tool for defining colors, fonts and gradients within your CSS, followed by dragging and dropping the web-optimized images into the designs-everything under the hood of Adobe Dreamweaver.