You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
31 lines
1.1 KiB
31 lines
1.1 KiB
<div class="content shadow p-4 mb-4"> |
|
<h3>Syntax Highlighting</h3> |
|
|
|
<div class="form-group"> |
|
<label for="language">Select Language:</label><br> |
|
<!-- https://prismjs.com/#languages-list --> |
|
<select id="syntax-language" name="language"> |
|
<option value="c">C</option> |
|
<option value="cpp">C++</option> |
|
<option value="css">CSS</option> |
|
<option value="html">HTML</option> |
|
<option value="javascript">JavaScript</option> |
|
<option value="php">PHP</option> |
|
<option value="python">Python</option> |
|
<option value="shell">Shell</option> |
|
</select> |
|
</div> |
|
|
|
<div class="form-group"> |
|
<label for="code">Code:</label><br> |
|
<textarea id="syntax-code" name="code" rows="12" cols="1" class="form-control" autofocus></textarea> |
|
</div> |
|
|
|
<div class="form-group"> |
|
<a id="syntax-highlight" class="btn btn-dark" href="#">Highlight</a> |
|
<a id="syntax-copy" class="btn btn-dark" href="#">Copy</a> |
|
</div> |
|
|
|
<div id="syntax-parse"><pre class="line-numbers mb-4"><code class=""></code></pre></div> |
|
<textarea id="syntax-parse-copy" class="admin-hidden"></textarea> |
|
</div>
|
|
|