Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
symfony5:divers_ckeditor_4 [2020/05/15 06:36] marclebrun |
— (Version actuelle) | ||
---|---|---|---|
Ligne 1: | Ligne 1: | ||
- | ====== CKEditor 4 ====== | ||
- | |||
- | ===== Installation ===== | ||
- | |||
- | Aller sur [[https://ckeditor.com/ckeditor-4/download/]] et télécharger | ||
- | le **Standard Package** : | ||
- | |||
- | <code bash> | ||
- | cd /mon_projet/public | ||
- | wget https://download.cksource.com/CKEditor/CKEditor/CKEditor%204.14.0/ckeditor_4.14.0_standard.zip | ||
- | </code> | ||
- | |||
- | Décompresser le fichier : | ||
- | |||
- | <code bash> | ||
- | unzip ckeditor_4.14.0_standard.zip | ||
- | </code> | ||
- | |||
- | Le contenu se trouve dans **mon_projet/public/ckeditor/** : | ||
- | |||
- | <code> | ||
- | public/ | ||
- | ckeditor/ | ||
- | </code> | ||
- | |||
- | ===== Intégration dans un formulaire ===== | ||
- | |||
- | Formulaire : | ||
- | |||
- | <code twig> | ||
- | {% block body %} | ||
- | |||
- | <h2>Article</h2> | ||
- | |||
- | {{ form_start(form) }} | ||
- | |||
- | ... | ||
- | |||
- | {# L'ID de ce champ est "edit_contenu" #} | ||
- | {{ form_label(form.contenu) }} | ||
- | |||
- | ... | ||
- | |||
- | {{ form_end(form) }} | ||
- | |||
- | {% endblock %} | ||
- | </code> | ||
- | |||
- | Block ''javascripts'' : | ||
- | |||
- | <code twig> | ||
- | {% block javascripts %} | ||
- | <script src="https://cdn.ckeditor.com/ckeditor5/19.0.0/classic/ckeditor.js"></script> | ||
- | |||
- | <script> | ||
- | CKEDITOR.replace('editor', { | ||
- | filebrowserUploadUrl: 'ckeditor/ck_upload.php', | ||
- | filebrowserUploadMethod: 'form' | ||
- | }); | ||
- | </script> | ||
- | {% endblock %} | ||
- | </code> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | <code javascript> | ||
- | </code> | ||
- | |||
- | Configuration dans **ckeditor/ck_upload.php** : | ||
- | |||
- | <code php ckeditor/ck_upload.php> | ||
- | // Define the upload path | ||
- | $upload_dir = array( | ||
- | 'img' => 'uploads/', | ||
- | ); | ||
- | |||
- | ... | ||
- | </code> | ||