Panels settings
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>
Last modified 3yr ago
Copy link