Improve markdown editor style, switch to EasyMDE, add to comment reply fields

This commit is contained in:
rubenwardy
2018-12-23 17:02:02 +00:00
parent a7fcce4448
commit 86566bcd39
9 changed files with 48 additions and 35 deletions

View File

@@ -125,6 +125,13 @@
<script src="/static/jquery.min.js"></script>
<script src="/static/popper.min.js"></script>
<script src="/static/bootstrap.min.js"></script>
<script src="/static/easymde.min.js"></script>
<link rel="stylesheet" type="text/css" href="/static/easymde.min.css">
<script>
$("textarea.markdown").each(function() {
new EasyMDE({ element: this, hideIcons: ["image"] });
})
</script>
{% block scriptextra %}{% endblock %}
</body>
</html>

View File

@@ -44,7 +44,7 @@
<form method="post" action="{{ url_for('thread_page', id=thread.id)}}" class="card-body">
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
<textarea class="form-control" required maxlength=500 name="comment" placeholder="Markdown supported"></textarea><br />
<textarea class="form-control markdown" required maxlength=500 name="comment"></textarea><br />
<input class="btn btn-primary" type="submit" value="Comment" />
</form>
</div>

View File

@@ -11,13 +11,6 @@
{% block scriptextra %}
{{ form_scripts() }}
<script src="/static/simplemde.min.js"></script>
<link rel="stylesheet" type="text/css" href="/static/simplemde.min.css">
<script>
var simplemde = new SimpleMDE({ element: $("#desc")[0] });
</script>
{% if enable_wizard %}
<script src="/static/url.min.js"></script>
<script src="/static/polltask.js"></script>
@@ -54,7 +47,7 @@
{{ render_field(form.name, class_="pkg_meta") }}
{{ render_field(form.title, class_="pkg_meta") }}
{{ render_field(form.shortDesc, class_="pkg_meta") }}
{{ render_field(form.desc, class_="pkg_meta") }}
{{ render_field(form.desc, class_="pkg_meta", fieldclass="form-control markdown") }}
{{ render_multiselect_field(form.tags, class_="pkg_meta") }}
<div class="pkg_meta">
{{ render_field(form.license, class_="not_txp") }}

View File

@@ -22,7 +22,7 @@
<a name="reply"></a>
</div>
<div class="card-body">
{{ render_field(form.comment, label="", class_="m-0") }}
{{ render_field(form.comment, label="", class_="m-0", fieldclass="form-control markdown") }}
</div>
</div>
</div>