add wysiwyg to description field

gip-inclusion · Oct 4, 2023 · 7c69030 · 7c69030
1 parent 44a28f8
commit 7c69030
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/lemarche/static/itou_marche/base/_custom.scss b/lemarche/static/itou_marche/base/_custom.scss
@@ -9,6 +9,7 @@
     background-color: transparent;
     cursor: pointer;
 }
+
 .fake-placeholder {
     color: #797B97; // lightgrey;
 }
@@ -30,8 +31,8 @@ a.disabled {
     }
 }
 
-.alert > .prof_icon,
-.alert > p > .prof_icon {
+.alert>.prof_icon,
+.alert>p>.prof_icon {
     max-width: 20px;
     vertical-align: bottom;
 }
@@ -68,6 +69,7 @@ a.disabled {
     from {
         transform: rotate(0deg);
     }
+
     to {
         transform: rotate(360deg);
     }
@@ -92,3 +94,7 @@ a.disabled {
     width: 100%;
     height: 100%;
 }
+
+.form-description-ckeditor .django-ckeditor-widget {
+    width: 100%;
+}
diff --git a/lemarche/templates/tenders/create_step_general.html b/lemarche/templates/tenders/create_step_general.html
@@ -34,14 +34,14 @@
                     <i class="ri-lightbulb-line ri-lg mr-1"></i><strong>Optimiser vos titres</strong>,
                     <br />
                     Votre titre doit être le plus précis sans être très long ou court.
-                    Les structures inclusives doivent directement pouvoir comprendre vos attente.
+                    Les structures inclusives doivent directement pouvoir comprendre vos attentes.
                 </p>
             </div>
         </div>
     </div>
 </div>
 <div class="row">
-    <div class="col-12 col-lg-7">{% bootstrap_field form.description %}</div>
+    <div class="col-12 col-lg-7">{% bootstrap_field form.description form_group_class="form-description-ckeditor" %}</div>
     <div class="col-12 col-lg-5">
         <div class="c-form-conseil">
             <div>
@@ -74,6 +74,8 @@
 {% endblock content_form %}
 
 {% block extra_js %}
+<script type="text/javascript" src="{% static "ckeditor/ckeditor-init.js" %}"></script>
+<script type="text/javascript" src="{% static "ckeditor/ckeditor/ckeditor.js" %}"></script>
 {{ current_perimeters|json_script:"current-perimeters" }}
 <script type="text/javascript" src="{% static 'js/perimeter_autocomplete_field.js' %}"></script>
 <script type="text/javascript">