html-1

A simplified way to write HTML code.

Description

The html-1 type can be used to serves browser requests directly, or to inline code snippets into a page.

Inlining a file means executing its .Inline method and embedding the result.

Requests will be served with Content-Type text/html; charset=utf-8.

What makes this app special is that it extracts the <head> tags of any inlined files and puts them all in its own response <head>.

Additionally, it allows you to write inline scripts within the html-1 file, as those will be detected and automatically trusted via Content-Security-Policy headers.

Syntax

The following snippets will be replaced with inlined file’s responses:

<? inline(query) ?>
<? inline(query, wrap) ?>

where query is a string file selector that is resolved relative to the file itself, and wrap is boolean true or false [default true]. If true, the inlined files will be wrapped in the following HTML snippet so that client side tools can recognize the file (in the browser), which gives you drag-and-drop functionality and the Boomla file icon on hovering the mouse.

<div class="o1-file" data-o1-path="/path"></div>

Example

<div class="-wrapper">
    <div class="-left">
        <? inline('menu', false) ?>
    </div>
    <div class="-right">
        <? inline(':1:c') ?>
    </div>
</div>

Implemented OS Interfaces

.Main
.Request
.Inline