8722 sujets

Développement web côté serveur, CMS

Bonjour,
Je ne parviens pas à installer ckeditor decoupled-document sur un projet Symfony 4 : dans le template concerné en Dashbord, aucune barre d'outils d'enrichissement de texte n'apparait...
PS : je suis très très débutante en développement, encore plus sur Symfony... À force de recherches je fais des petites choses mais ne les maîtrise pas toujours...!

Voici le code du template en dashboard :

{% extends "admin/layout_admin.html.twig" %}
 
{% block body %}
    <div class="row">
        <div class="col-md-9">
            {{form_start(form)}}
            {{form_widget(form)}}
            {{form_end(form)}}
            <a class="btn btn-default" href="{{path('blog_dashboard')}}">Revenir au dashboard</a>
        </div>
    </div>
{% endblock %}
 
{% block javascripts %}
     
    <script src="https://cdn.ckeditor.com/ckeditor5/10.0.0/decoupled-document/ckeditor.js"></script>
    <script src="[ckeditor-build-path]/ckeditor.js"></script>
     
    <script>
    DecoupledEditor
        .create( document.querySelector( '#blog_translations_en_article' ), {
            toolbar: [ 'heading', '|', 'bold', 'italic', 'link', 'bulletedList', 'numberedList', 'blockQuote' ],
            heading: {
                options: [
                    { modelElement: 'paragraph', title: 'Paragraph', class: 'ck-heading_paragraph' },
                    { modelElement: 'heading1', viewElement: 'h1', title: 'Heading 1', class: 'ck-heading_heading1' },
                    { modelElement: 'heading2', viewElement: 'h2', title: 'Heading 2', class: 'ck-heading_heading2' }
                ]
            }
        } )
 
        .then( editor => {
            const toolbarContainer = document.querySelector( '#toolbar-container' );
 
            toolbarContainer.appendChild( editor.ui.view.toolbar.element );
        } )
        .catch( error => {
            console.error( error );
        } );
    </script>
 
    <script>
      DecoupledEditor
          .create( document.querySelector( '#blog_translations_fr_article' ) )
          .then( editor => {
              const toolbarContainer = document.querySelector( '#toolbar-container' );
 
              toolbarContainer.appendChild( editor.ui.view.toolbar.element );
          } )
          .catch( error => {
              console.error( error );
          } );
    </script>

{% endblock %}


J'ai aussi dû rajouter cela dans bundles.php : EasyCorp\Bundle\EasyAdminBundle\EasyAdminBundle::class => ['all' => true],

Rq : le ckeditor "classic" fonctionnait (sauf qu'il n'était plus possible d'ajouter une entité !) mais pas la version "document" dont j'ai besoin.

Merci beaucoup !
Modifié par A2L (15 May 2018 - 20:15)