CKeditor 5: how to upload image

I would like to enable images when I use CKeditor5, how to do it ?

<html lang="en">
<head>
    <meta charset="utf-8">
    <title>CKEditor 5 - Inline editor</title>
    <script src="https://cdn.ckeditor.com/ckeditor5/11.0.1/inline/ckeditor.js"></script>
</head>
<body>
    <h1>Inline editor</h1>
    <div id="editor">
        <p>This is some sample content.</p>
    </div>
    <script>
        InlineEditor
            .create( document.querySelector( '#editor' ) )
            .catch( error => {
                console.error( error );
            } );
    </script>
</body>
</html>

bobbybouwmann

7 years ago

Level 88

Did you look into the available plugins? If you search for images, you can find on how to do that ;)

Documentation: https://docs.ckeditor.com/ckeditor5/latest/builds/guides/integration/installing-plugins.html

1 like

webtrickshome

7 years ago

Level 1

Here's the code that enables adding image in ckeditor enabled textarea.

CKEDITOR.replace('description',{ filebrowserBrowseUrl: "{{url('/public/ckfinder/ckfinder.html')}}", filebrowserImageBrowseUrl: "{{url('/public/ckfinder/ckfinder.html?type=Images')}}", filebrowserUploadUrl: '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files¤tFolder=/archive/', filebrowserImageUploadUrl: '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images¤tFolder=/cars/' }); Source: laravel image processing tutorial

Please or to participate in this conversation.