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 :
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)
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)