Panels settings

Last updated 4 months ago

Each panel has their own settings

HTML panel
Language – currently not available
Doctype – documents doctype, ie. HTML5, XHTML, etc
Body tag – usually done to change the styling as <body class="dark_ui">. Some frameworks (Dojo) are using it to style the widgets and load CSS
CSS panel
Language – change the pre-processor, right now only CSS and SCSS
Options – additional options, like the ability to Normalize CSS
JavaScript panel
Language – Pre-processor, ie CoffeeScript, TypeScript, Babel, Vue, React, etc.
Frameworks & Extensions – many commonly used JS frameworks (and their extensions)
Framework <script> attribute – attribute added to the included framework script tag, ie <script src="..." data-angular-custom-thingy>
Load type – the way JS is loaded in the editor – see table below for details:
Load type
Description
On Load
wrap the code so it will run in onLoad window event
On DOM Ready
wrap the code so it will run in onDomReady window event
No wrap - bottom of <head>
do not wrap the JavaScript code, place it in the bottom of <head>
No wrap - bottom of <body>
do not wrap the JavaScript code, place it in the bottom of <body>

Getting started

Editor settings

Load type	Description
On Load	wrap the code so it will run in onLoad window event
On DOM Ready	wrap the code so it will run in onDomReady window event
No wrap - bottom of <head>	do not wrap the JavaScript code, place it in the bottom of <head>
No wrap - bottom of <body>	do not wrap the JavaScript code, place it in the bottom of <body>