Code Completion

This module of Oxy Toolbox enables Emmet in Oxygen’s code editor for HTML and CSS.

HTML Abbreviations

For example in a Code Block component’s PHP & HTML panel, you could type

#page>div.logo+ul#navigation>li*5>a{Item $}

and press tab to have it expanded to

<div id="page">
    <div class="logo"></div>
    <ul id="navigation">
        <li><a href="">Item 1</a></li>
        <li><a href="">Item 2</a></li>
        <li><a href="">Item 3</a></li>
        <li><a href="">Item 4</a></li>
        <li><a href="">Item 5</a></li>
    </ul>
</div>

CSS Abbreviations

Refer to https://docs.emmet.io/css-abbreviations/.

Emmet Cheat Sheet: https://docs.emmet.io/cheat-sheet/

Top