# Code Editor

#### Admin Extension

Warning! This page is part of the admin extension and is NOT included on Porto - Responsive HTML5 Template, to get all features, purchase both templates: Porto ($16) + Porto Admin ($16): $32 Total.

View Porto Admin!

## Code Editor

Javascript Editor
function findSequence(goal) { function find(start, history) { if (start === goal) { return history; } else if (start > goal) { return null; } else { return find(start + 5, "(" + history + " + 5)") || find(start * 3, "(" + history + " * 3)"); } return find(1, "1"); } }
HTML Editor
<html style="color: green"> <!-- this is a comment --> <head> <title>Mixed HTML Example</title> <style type="text/css"> h1 { font-family: comic sans; color: #f0f; } div { background: yellow !important; } body { max-width: 50em; margin: 1em 2em 1em 5em; } </style> </head> <body> <h1>Mixed HTML Example</h1> <script> function jsFunc(arg1, arg2) { if (arg1 && arg2) document.body.innerHTML = "achoo"; } </script> </body> </html>
CSS Editor
/* Some example CSS */ @import url("something.css"); body { margin: 0; padding: 3em 6em; font-family: tahoma, arial, sans-serif; color: #000; } #navigation a { font-weight: bold; text-decoration: none !important; } h1 { font-size: 2.5em; } h2 { font-size: 1.7em; } h1:before, h2:before { content: "::"; } code { font-family: courier, monospace; font-size: 80%; color: #418A8A; }