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.
32 lines
1.1 KiB
32 lines
1.1 KiB
4 years ago
|
<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>
|