30 lines
1.4 KiB
HTML
30 lines
1.4 KiB
HTML
<head>
|
|
<!--1. Import highlighter-->
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/prismjs@1.30/themes/prism.min.css">
|
|
<script src="https://cdn.jsdelivr.net/npm/prismjs@1.30/components/prism-core.min.js" data-manual></script><!--Remove data-manual if also using Prism normally-->
|
|
<script src="https://cdn.jsdelivr.net/npm/prismjs@1.30/plugins/autoloader/prism-autoloader.min.js"></script>
|
|
<!--2. Import code-input-js-->
|
|
<script src="https://cdn.jsdelivr.net/gh/WebCoder49/code-input@2.8/code-input.min.js"></script>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/WebCoder49/code-input@2.8/code-input.min.css">
|
|
<script src="https://cdn.jsdelivr.net/gh/WebCoder49/code-input@2.8/plugins/indent.min.js"></script>
|
|
<!--3. Join code-input-js to highlighter-->
|
|
<script>codeInput.registerTemplate("syntax-highlighted", new codeInput.templates.Prism(Prism, [new codeInput.plugins.Indent()]));</script>
|
|
</head>
|
|
|
|
{% extends 'base.html' %}
|
|
{% block title %}{{ remove_html(page[1]) }}{% endblock %}
|
|
|
|
{% block content %}
|
|
|
|
<div class="container">
|
|
|
|
<form method="post">
|
|
<label for="title">Page Title</label>
|
|
<input name="title" id="title" value="{{page[1]}}"><br>
|
|
<code-input language="HTML"><textarea data-code-input-fallback name="content">{{ page[2] }}</textarea></code-input>
|
|
<input type="submit" name="update_page" value="Save Page">
|
|
</form>
|
|
|
|
</div>
|
|
|
|
{% endblock %} |