Add markdown editor for some profile fields

flaskbb/themes/aurora/templates/user/change_user_details.html

@@ -1,4 +1,8 @@
 {% extends theme("user/settings_layout.html") %}
+{% block css %}
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap-markdown.min.css') }}">
+{% endblock %}
+
 {% block settings_content %}
 {% from theme("macros.html") import horizontal_field, horizontal_select_field %}
 
@@ -14,10 +18,16 @@
             {{ horizontal_field(form.location) }}
             {{ horizontal_field(form.website) }}
             {{ horizontal_field(form.avatar) }}
-            {{ horizontal_field(form.signature, rows=5, div_class="col-sm-8") }}
-            {{ horizontal_field(form.notes, rows=12, div_class="col-sm-8") }}
+            {{ horizontal_field(form.signature, div_class="col-sm-8", rows="5", placeholder="", **{'data-provide': 'markdown', 'data-autofocus': 'true', 'id': 'quickreply-editor'}) }}
+            {{ horizontal_field(form.notes, div_class="col-sm-8", rows="12", placeholder="", **{'data-provide': 'markdown', 'data-autofocus': 'true', 'id': 'quickreply-editor'}) }}
+
             {{ horizontal_field(form.submit) }}
         </form>
     </div>
 </div>
 {% endblock %}
+
+{% block scripts %}
+    <script type="text/javascript" src="{{ url_for('static', filename='js/marked.js') }}"></script>
+    <script type="text/javascript" src="{{ url_for('static', filename='js/bootstrap-markdown.js') }}"></script>
+{% endblock %}