Developer View¶
Developer view is a panel where you can view and modify the code applied to the design or modify the code of the project. You can open the developer mode panel via the view menu.
You can add code in the left panel and see the preview code in the right panel by clicking preview code button.
ID & Class¶
You can change a Html ID and add classes.
Example¶
<!-- Your Input -->
class1 class2 class3
<!-- Result -->
<div class="class1 class2 class3"></div>
Attribute¶
Example¶
<!-- Your Input -->
attr="value1" attr="value2" single_value
<!-- Result -->
<div attr="value1" attr="value2" single_value></div>
Inline style code¶
Example¶
/* Your Input */
color:blue; background-color:lightblue;
<!-- Result -->
<div style="color:blue; background-color:lightblue;"></div>
Comment before element¶
Example¶
<!-- Your input -->
This element is blahblah
<!-- Result -->
<!-- This element is blahblah -->
<div></div>
Comment after element¶
Example¶
<!-- Your input -->
The end of this element
<!-- Result -->
<div></div>
<!-- The end of this element-->
