Use The Code Editor

This document covers the functionality and options of the code editor of apprat.io

For full control of your project, you can use integrated code editors to edit HTML, CSS, JavaScript, and see a live preview of your changes.

Screenshot
Use the powerful code editor for advanced customization

HTML Editor

After opening the Code Editor by clicking on the Code Editor sidebar icon, choose the HTML button in the toolbar to bring up the HTML editor, here you can edit your projects HTML and see a live preview of your changes in the builder. Selecting a new element in the builder highlights that element's markup in the HTML editor, you can also click view source in the right-click menu to show selected elements markup in the HTML editor.

CSS Editor

In the CSS Editor, you have full control of your project style sheets. The CSS generated by Inspector and your custom CSS will be visible here; you can edit, delete or add custom CSS, all with a live preview in the builder and warning/error message to help you write correct syntax.

JavaScript Editor

In the JavaScript Editor, you can add and edit custom JavaScript. Any JavaScript added here executes in the live preview.