How to insert html code in the ckeditor plugin?

Welcome. There is a plugin:
https://codepen.io/anon/pen/ejdbem
It is a regular window with a dropdown list.
At this moment when you select any name from the list in the editor is its id.
Like for example I insert for example while the html code is id.

Here's a for example.
<a href data-html="true" data-trigger="hover" data-toggle="popover" data-content="<div class='hero-footnote'>
 <img src='images/hero/sniper.svg' alt='sniper'>
 <div class='hero-footnote__desc'>
the <h3>Sniper</h3>
 <p>ranged</p>
 <span>Carry — Nuker — Mider</span>
</div>
 </div>"><img src="images/hero/sniper.svg" style="width: 26px; height: 15px; margin-top: 0; margin-right: 4px" alt>Sniper</a>


And another question, once out of the ckeditor plugin, you can interact with the database? To execute php script.
June 3rd 19 at 20:57
1 answer
June 3rd 19 at 20:59
To execute php script.

no, it's js running in the user's browser, where there's php?
You can send ajax to the server, to perform a php and return the result

data-content="<div ...."< code></div>
<br / > again 25. You cannot do<br><br><blockquote>currently when you select any name from the list in the editor is its id.<br> Like for example I insert for example while the html code is id.</blockquote><br> where is the list? What is the html code? Just any html instead of any id?

Find more questions by tags CKEditorJavaScript