Change citation style in Ckeditor

Question

I would like to change the citation style in Ckeditor when we click on the button in the editor. I would like that when we click on this button it creates the following code :

<div class="blockquote-guillemets">
        My text
</div>

Have you an idea ?

Answer 1

Ckeditor citation button already have specific class cke_button__blockquote

Use this class to assign your style to it

.cke_button__blockquote {
   // ...
}