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
This article fixed link: http://www.i7758.com/archives/2113.html
14 Excellent Code display sites