left nav side
center main content

Implement Ckeditor Via VueJS

record the reason :

Because I want to apply ckeditor to my own which is created by django vue framework. To prepare ckeditor and look the effect, I post this static page.

Inline editor, one of the bluids in ckeditor

After I quickly read the document of CKeditor Bluids, I think inline editor maybe the one I want. This can only input subtitle or edit paragraph and insert images at the same time

START IMPLEMENT DEFAULT INLINE EDITOR

hello i am defualt inline editor, click here to start to edit

END

There are some methods to interact with the editor
Like editor.setData(), .destroy(), .model.document.on( 'change:data', () => {...} );

I would like to know the available items in toolbar, and they are ... ...

Looking for the tool effect

Perhaps I need bold, italic, blockQuote, imageTextAlternative, imageUpload, heading, imageStyle:full, imageStyle:side, link, mediaEmbed, insterTable, tableColumn, tableRow, mergeTableCells

Start implement

hello, it's second inline editor

End

Implement via VueJS

Start

live input data

End

check how extra arguments pass into target method

start implement new VueJS
right map side

footer