Adding custom read-only block

Hi, I am trying to make custom button that inserts custom tag with content (in my case <article_id>Article ID Placeholder</article_id>). Everything is ok when you press the button, the html is appending to the editor, but after that there are problems that I can’t solve: When you start typing the text is within my custom tag and I can’t get out of it. When you press <enter> the tag is multiplying on the next row.

My question is: Is there a way to insert html content as some kind of block that you can’t edit (read-only) and the cursor can’t get inside of it?

[nilievski85]

I have solved my issue. I am sharing my workaround. You can add disabled input element and it completely act the way I want it to be (as a custom block). Then you can style it the way you want with css. Here is a little snippet of the code: trumbowyg.execCmd('insertHTML', '<input name="pagebreak" value="My custom block" class="custom_block" type="text" disabled="disabled"/>');

[dearsina]

I have solved my issue. I am sharing my workaround. You can add disabled input element and it completely act the way I want it to be (as a custom block). Then you can style it the way you want with css. Here is a little snippet of the code: trumbowyg.execCmd('insertHTML', '<input name="pagebreak" value="My custom block" class="custom_block" type="text" disabled="disabled"/>');

Oh this is genius, @nilievski85