add HTML in event description

CHANGELOG.md

@@ -2,6 +2,7 @@
 
 ## next release
 
+- Ability to use HTML in event's descriptions using a WYSIWYG editor
 - Fix a bug: statistics graphs were not showing  
 
 ## v2.4.1 2016 October 11

app/assets/templates/events/_form.html.erb

@@ -40,7 +40,16 @@
       <div class="form-group" ng-class="{'has-error': eventForm['event[description]'].$dirty && eventForm['event[description]'].$invalid}">
         <label for="description" class="col-sm-3 control-label">{{ 'description' | translate }} *</label>
         <div class="col-sm-9">
-          <textarea ng-model="event.description" rows="16" class="form-control" id="event_description" placeholder="" name="event[description]" required></textarea>
+          <input type="hidden"
+                 name="event[description]"
+                 ng-value="event.description" />
+          <summernote ng-model="event.description"
+                      id="event_description"
+                      placeholder=""
+                      config="summernoteOpts"
+                      name="event[description]"
+                      required>
+          </summernote>
           <span class="help-block" ng-show="eventForm['event[description]'].$dirty && eventForm['event[description]'].$error.required" translate>{{ 'description_is_required' }}</span>
         </div>
       </div>

app/assets/templates/events/show.html.erb

@@ -36,7 +36,7 @@
       </div>
 
       <h3 translate>{{ 'event_description' }}</h3>
-      <p ng-bind-html="event.description | breakFilter"></p>
+      <p ng-bind-html="event.description | toTrusted"></p>
     </div>