how to install Ckeditor on symfony 5?

I’d like to install CKeditor on my symfony project using symfony5

I tried to perform this tutorial but i didn’t manage some parts. : https://symfony.com/doc/current/bundles/FOSCKEditorBundle/installation.html

1/ i did this command with success:

composer require friendsofsymfony/ckeditor-bundle

2/ I didn’t perform the Register the bundle parts cause it’ already in my config/bundles.php (so i assumed the documentation wasn’t up to date)

3/ I added this to my fileType.php

use FOSCKEditorBundleFormTypeCKEditorType;

class PropertyType extends AbstractType
{
    public function buildForm(FormBuilderInterface $builder, array $options)
    {
        $builder
->add('description', CKEditorType::class)

And my twig file is behind but nothing appear in the description field which stay a classic textarea

<div class="col-lg-9">
    {{ form_widget(form.description) }}
</div>

The rendered template display this in the source code:

<div class="col-lg-9">
     <textarea id="property_description" name="property[description]" required="required"></textarea>
<script type="text/javascript">
            var CKEDITOR_BASEPATH = "/bundles/fosckeditor/";
</script>
<script type="text/javascript" src="https//symfony.com/bundles/fosckeditor/ckeditor.js"></script>
<script type="text/javascript">
        if (CKEDITOR.instances["property_description"]) { CKEDITOR.instances["property_description"].destroy(true); delete CKEDITOR.instances["property_description"]; }
        CKEDITOR.replace("property_description", {"language":"en"});
</script>

I’ve this in chrome console :

> Failed to load resource: the server responded with a status of 404
> (Not Found) new:95 Uncaught ReferenceError: CKEDITOR is not defined
>     at new:95 :8000/favicon.ico:1 Failed to load resource: the server responded with a status of 404 (Not Found)

Thanks to all, i’m a bit lost with this one…

Source: Symfony Questions

Was this helpful?

0 / 0

Leave a Reply 0

Your email address will not be published. Required fields are marked *