jsfiddle or plnkr
Blogs20142014-11-21
JavaScript - jsfiddle or plnkr
I have jsfiddle and plnkr to do some online codes tests and presentation.
Here is a question: when to use jsfiddle or plnkr? Whats’ the benefits one over the other? The following is my summary, probably not complete, but helpful:
jsfiddle
jsfiddle is a full-screen editor, organized by 4 parts, they are editable in one screen:
- JavaScript
- HTML
- CSS
- display result area
Benefit: jsfiddle can embeded itself
If you have a simple app(one page) which include JS/HTML/CSS, you can edit and show in 1 screen in jsfiddle.
Plnkr
Plnkr can add multiple files, more structure-able. Also it is more convenient to add resources(cdnjs’ script, css etc) than jsfiddle.
It is suitable usage for Angularjs, requirejs, backbone which have many files. But its source can not embed into other app. e.g., I can’t embed Plnkr app into my wordpress for sharing. only available in the website itself.
So conclusion: for simple, 1-screen JS/HTML/CSS, and need to export to embed to other place (like wordpress), use jsfiddle. For complicated, multi-pages app, use Plnkr.
