Added CKEditor minimal input to application form

Still needs some tweaks with the tooltip.
This commit is contained in:
2014-07-15 20:27:08 +02:00
parent b0da77a020
commit e1ff6687ae
2 changed files with 20 additions and 8 deletions

View File

@@ -5,7 +5,7 @@
<div class="col-md-8">
<h1>{{application.user.first_name}} {{application.user.last_name}}</h1>
<h4><i class="fa fa-map-marker"></i> {{application.city_country}}</h4>
<p>{{application.bio_message}}</p>
<p>{{application.bio_message|safe}}</p>
<div class="box">
<i class="backicon fa fa-info-circle"></i>
<p>

View File

@@ -108,7 +108,7 @@
<hr/>
<div class="input-group input-group-lg width-full">
{{ form.bio_message(class='form-control', placeholder='Tell us a bit about yourself and why you want to be a BFCT') }}
{{ form.bio_message(class='form-control', id='editor1', placeholder='Tell us a bit about yourself and why you want to be a BFCT') }}
<label class="control-label">Biography or Personal Message</label>
</div>
@@ -138,4 +138,16 @@
</div>
</div>
{% endblock %}
{% block footer_scripts %}
<script src="//cdnjs.cloudflare.com/ajax/libs/ckeditor/4.0.1/ckeditor.js"></script>
<script type="text/javascript">
CKEDITOR.replace( 'editor1', {
removePlugins: 'toolbar, elementspath',
allowedContent: 'p h1 h2 strong em; a[!href];',
});
</script>
{% endblock %}