20个在线代码编辑器和开发工具文档格式.docx

1、 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

2、 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 t

3、here are multiple options for each beautifier to get the best results.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

4、 easy and it is built with CoffeeScript and Sinatra.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. M

5、aqetta 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.5. Amy Editor Amy Editor is a collaborative text and source code edi

6、tor 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.6. JS

7、 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 youre happy you can save, and send the URL to a peer for review or help. They can

8、then make further changes saving anew if required.7. CSSDesk CSSDesk is an Online CSS Sandbox. It allows people to quickly test snippets of CSS code, and watch the result appear live. I had very high ambitions for the project. There are line numbers and syntax highlighting appear live in the text bo

9、x as you type. One of the greatest things is that it allows users to share their code with others as well.8. Editpad EditPad is simple and minimal. No syntax highlighting, no project managementJust a plain page to type your text without any distractions.9. RegExr RegExr is an online tool for editing

10、 and testing Regular Expressions （RegExp / RegEx）. It provides a simple interface to enter RegEx expressions, and visualize matches in real-time editable source text. It also provides a handy RegExp snippet sidebar with descriptions and usage examples to make it easier to learn Regular Expressions t

11、hrough trial and error.10. Codeanywhere Codeanywhere is a code editor in a browser with an integrated ftp client, and all popular web formats are supported （HTML, PHP, JavaScript, CSS, and XML）.11. 9ne 9ne （Pronounced Nine） is a nice online text editor, based on the well known GNU Emacs. 9ne provide

12、s most of the basic Emacs functionalities and currently supports XML and Javascript syntax highlighting modes.12. Drawter Drawter is a tool written in JavaScript and based on jQuery library. It provides you the possibility to literally draw your websites code. It runs on every single web-browser whi

13、ch makes it really useful and helpful. Each tag is presented as a layer you have drawn.13. Shift Edit Shift Edit provides code completion, syntax highlighting, live editing, revision history and many more.14. Darkcopy DarkCopy is a simple, full-screen text editor for distraction free writing. DarkCo

14、py is for anyone who enjoys the simplicity of a typewriter, and wants to increase productivity by focusing only on writing.15. jsFiddle jsFiddle is a shell editor that eases writing JavaScript code by creating a custom environment based on popular JS frameworks. You can select the framework & th

15、e version of your choice （MooTools, jQuery, Dojo, Prototype, YUI, Glow,Vanilla）. Also, if there is, you can add a complimentary framework like jQuery UI or MooTools More A great feature is the ability to save & share the code created with a unique URL generated. Optionally, jsFiddle has an embedding feature too. It is an almost perfect platform for trying & sharing your JavaScript code without the need of a website.16. Cloud9IdE Cloud9 IDE is an open source application that aims to provide a powerful and focused IDE for