Cramnurbel

Cette page est en lecture seule. Vous pouvez afficher le texte source, mais ne pourrez pas le modifier. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur.

====== CKEditor 4 ======

Doc : [[https://ckeditor.com/docs/ckeditor4/latest/|Documentation de 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>

Aller à l'adresse [[http://127.0.0.1:8000/ckeditor/samples/]] pour tester et avoir
un aperçu des fonctionnalités.

===== 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="{{ asset('ckeditor/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>

Cramnurbel

Outils pour utilisateurs

Outils du site

Outils de la page