Outils pour utilisateurs

Outils du site


symfony5:divers_ckeditor_5

CKEditor 5

Dans l'exemple ci-dessous, un formulaire d'édition d'article contient un champ de type textarea.

Le nom du champ est contenu et son ID est edit_contenu.

Dans le block javascripts du template, intégrer ckeditor.js depuis le CDN et un autre script qui initialisera l'éditeur sur le champ #edit_contenu.

{% block body %}
 
<h2>Article</h2>
 
{{ form_start(form) }}
 
...
 
{{ form_label(form.contenu) }}
 
...
 
{{ form_end(form) }}
 
{% endblock %}
 
{% block javascripts %}
<script src="https://cdn.ckeditor.com/ckeditor5/19.0.0/classic/ckeditor.js"></script>
 
<script>
    ClassicEditor
        .create(document.querySelector('#edit_contenu'))
        .catch(error => {
            console.error(error);
        });
</script>
{% endblock %}
symfony5/divers_ckeditor_5.txt · Dernière modification: 2020/05/15 05:53 (modification externe)