14 Excellent Code display sites

The sites listed in this article can share and present your code. They all offer an online preview feature so others can see how your code works. They are sometimes referred to as "code squares" or "sandboxes".

They not only provide simple code presentation functionality, but also provide a lot of code collaboration and functionality that the actual programming process will use. For example, when you need someone to help you debug your source code, you can use these sites to share your problematic code, and then share the link with the person who helped you. This allows them to easily view your source code and provide solutions.

1.CodePen

On Codepen, you can demonstrate the code called pens. The Pen consists of HTML, CSS, and JS. Codepen has a lot of features that make it easy for you to show code. For example, it supports SASS and less syntax, and can quickly add common JS libraries such as jquery, angular, and so on. Here you can see the popular pens on the site.

Online preview

2.Liveweave

Liveweave is a great online source code editor. It's also the ultimate playground for web designers and developers, a great tool for testing, practicing, and showing your code. I like it can be very convenient to add third-party dependencies for your code. You can add bootstrap, jquery and other common web development packages to your code in just two clicks.

Online preview

3.dabblet

This code display platform is more CSS-biased, but it also has HTML and JS display features. One convenient place is that it uses the-prefix-free JS library, so you don't need to worry about CSS property prefixes.

Online preview

4.JS fiddle

JS Fiddle has very powerful JavaScript code presentation capabilities. It has multiple versions of the development library, such as jquery, MooTools, React. It has built-in code analysis tool Jshint. It even allows you to emulate AJAX requests through its ECHO API.

Online preview

5.<kodtest/>

This code highlighting site allows you to adjust the preview size to support mobile devices and some other commonly used screen devices. This feature can help you quickly debug a responsive breakpoint.

Online preview

6.Plunker

Plunker is an online community that creates, cooperates, and shares your website development ideas. Its code editor has a lot of functionality. Here is a list of the most viewed displays on the Plunker.

Online preview

7.CSSDeck

The Cssdeck has a simple user interface. If you're looking for a simple display of code functionality, this is a good candidate for the tool. People who see your code show can comment below, but they need to sign up for the site's account or sign in with a GitHub account.

Online preview

8.code.reloado.com

This is another simple tool to show your code. It offers many JS libraries, JQuery, Bootstrap, Prototype, Backbone, Twitterlib, Zepto and more.

Online preview

9.Ideone

This Code presentation tool allows you to display the server-side code language (PHP, Perl, etc.). You can also handle software programming languages such as C + +. When you run the code, Ideone will display the results for you and your code reviewers. It will also list the compilation errors it found.

Online preview

10.codepad

Codepad is another option for displaying server-side voice. It supports programming languages such as PHP, Ruby, C, C + +, Python, and so on.

Online preview

11.JS Bin

JS Bin is a code presentation platform that integrates many functions. It even has a console to let you debug and check your code. Its console is basically the same as the Chrome browser's console. And JS bin has codecasting.

Online preview

12.Tinkerbin

Tinkerbin is a simple code square that provides all the features you need. Tinkerbin supports Coffeescript In addition to support for JavaScript, and supports sass/scss/less in addition to support for HTML, Haml.

Online preview

13.jqversion

This is a good place to test jquery code. It provides multiple versions of the jquery library.

Online preview

14.SQL fiddle

SQL Fiddle is the platform for presenting your SQL statements. It can run MySQL, MS SQL, PostgreSQL, Oracle Database, SQLite and more.

Online preview

14 Excellent Code display sites