14 excellent code Display websites and 14 code Display
The websites listed in this article can share and display your code. They all provide online preview, so others can see how your code runs. They are also called "code square" or "sandbox ".
They not only provide simple code display functions, but also provide many functions used in code collaboration and actual programming processes. For example, when you need someone to help you debug the source code, you can use these websites to share your problematic code and share the link with the person who helps you. This allows them to conveniently view your source code and provide solutions.
1. CodePen
On CodePen, you can demonstrate the code called pens. A Pen consists of HTML, CSS, and JS. Codepen provides many functions to facilitate code display. For example, it supports SASS and LESS syntax and can quickly add common JS libraries such as jQuery and Angular. Here you can view the popular Pens on this website.
Online Preview
2. Liveweave
Liveweave is a great online source code editor. This is also the ultimate playground for website designers and developers, a great tool for testing, practicing and displaying your code. I like it to easily add third-party dependencies for your code. You only need to click twice to add common Web Development kits such as Bootstrap and jQuery to your code.
Online Preview
3. dabblet
This code display platform prefers CSS, but it also has HTML and JS display functions. It is convenient to use the-prefix-free JS library, so you do not need to worry about the prefix of CSS attributes.
Online Preview
4. JS Fiddle
JS Fiddle has a very powerful JavaScript code display function. It has multiple development libraries, such as jQuery, MooTools, and React. It has built-in code analysis tool JSHint. It even allows you to simulate AJAX requests through its echo API.
Online Preview
5. <kodtest/>
This code highlights websites that allow you to adjust the preview size and support mobile devices and some other commonly used screen devices. This feature allows you to quickly debug responsive breakpoints.
Online Preview
6. Plunker
Plunker is an online community that creates, cooperates, and shares your website development ideas. Its code editor has many functions. Here is a list of the most browsed displays on a Plunker.
Online Preview
7. CSSDeck
CSSDeck has a simple user interface. If you want to find a simple code display function, this is a good candidate tool. People who see your code can make comments below, but they need to register the account of the website in advance or use the Github account to log on.
Online Preview
8.code.reloado.com
This is another simple tool for displaying your code. It provides many js libraries, such as jQuery, Bootstrap, Prototype, Backbone, TwitterLib, and Zepto.
Online Preview
9. Ideone
This code display tool allows you to display the server-side code language (PHP, Perl, etc ). It can also process software programming languages like C ++. When you run the code, Ideone will display the running result for you and your code reviewers. It will also list the compilation errors it finds for you.
Online Preview
10. codepad
Codepad is another option for displaying server-side voice. It supports programming languages such as PHP, Ruby, C, C ++, and Python.
Online Preview
11. JS Bin
JS Bin is a code display platform that integrates many functions. It even has a console for you to debug and check the code. Its console is basically the same as that of Chrome. And JS Bin has codecasting.
Online Preview
12. Tinkerbin
Tinkerbin is a simple code square that provides all the features you need. Tinkerbin not only supports JavaScript, but also CoffeeScript. In addition to CSS, Tinkerbin also supports Sass, SCSS, and Less. In addition to HTML, Tinkerbin also supports HAML.
Online Preview
13. jqversion
This is a good place to test jQuery code. It provides multiple jQuery libraries.
Online Preview
14. SQL Fiddle
SQL Fiddle is a platform for displaying your SQL statements. It can run MySQL, ms SQL, PostgreSQL, Oracle Database, SQLite and so on.
Online Preview
Fixed Link: http://www.i7758.com/archives/2113.html