Panels settings

Last updated 16 days 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>