2024年3月24日发(作者：)

20个在线代码编辑器和开发工具

1. BluePen Editor

BluePen Editor is a PHP-powered CSS editor that can be installed to any static

or dynamic website and makes live CSS editing possible. Once triggered (with a

bookmarklet), it opens the editor widget and makes all HTML elements hoverable

so that blupePen can locate the CSS rules of them (like Chrome Dev Tools).

Source

2. Dirty Markup Dirty Markup is a free web-based application for cleaning up

such code very easily. It has support for HTML(5), CSS and JavaScript by combining

the powers of the popular HTML Tidy, CSS Tidy and JS Beautify.

The editor used is the simple + functional AceEditor and there are multiple

options for each beautifier to get the best results.

Source

3. Rendra Online HTML5 Editor Rendera is an online HTML5 editor which

renders a realtime preview of your current work also transform your current work

into CSS, Rendera supports HAML and SASS. Rendera makes learning HTML5 and

CSS3 easy and it is built with CoffeeScript and Sinatra.

Source

4. Maqetta Maqetta is an open source project that provides WYSIWYG visual

authoring of HTML5 user interfaces. The Maqetta application itself is authored in

HTML, and therefore runs in the browser without requiring additional plugins or

downloads. Maqetta is available under a commercial-friendly open source license.

You can download the source code and install it on your own server, customize the

code to fit your needs and/or contribute improvements to the open source

project.

Source

5. Amy Editor Amy Editor is a collaborative text and source code editor for

developers. It support JavaScript, Ruby, PHP, C#, Java, HTML, YAML, etc…

programming languages. It has Syntax Highlighting, Smart indentation for each

language, Code folding, Unlimited undo/redo, Customizable key shortcuts, etc…

You can easily change the color themes of the editor easily.

Source

6. JS Bin JS Bin is a webapp specifically designed to help JavaScript and CSS

folk test snippets of code, within some context, and debug the code

collaboratively.

JS Bin allows you to edit and test JavaScript and HTML. Once you’re happy