How to make non selectable embed custom format in quilljs
<p>I would like to create a custom embed format which can be styled but it's text cannot be changed. My use case is pretty similar to the hashtag case. I want to have an external button that will add an hashtag to the current selected range on the editor. But after doing this i want the hashtag to behave as a "block" so that the user cannot go there and change its text.</p>

<p>The only way i could accomplish this was by saying that the format's node is contenteditable=false but i'm not sure i'm going the right way as i'm having some issues with this approach, mainly:</p>

<p>If the hashtag is the last thing on the editor i cannot move past it (with arrows or cursor)
Double clicking it to select should select the whole thing (and not individual words) (for styling)
If the cursor is immediately behind the hashtag, pressing right and writing will write inside the hashtag
You can check a codepen i made while experimenting with this:</p>

<pre><code>  Quill.import('blots/embed');
  class QuillHashtag extends Embed {
    static create(value) {
      let node = super.create(value);
      node.innerHTML = `&lt;span contenteditable=false&gt;#${value}&lt;/span&gt;`;
      return node;
    }
  }
  QuillHashtag.blotName = 'hashtag'; 
  QuillHashtag.className = 'quill-hashtag';
  QuillHashtag.tagName = 'span';
</code></pre>

<p>Here's the full codepen:
<a href="http://codepen.io/emanuelbsilva/pen/Zpmmzv">http://codepen.io/emanuelbsilva/pen/Zpmmzv</a></p>

<p>If you guys can give me any tips on how can i accomplish this i would be glad.</p>

<p>Thanks.</p>