title: How to disable elements selection and resizing in contenteditable div?
body: <p>E.g. I have the following layout:</p>
  
  <pre><code>&lt;div contenteditable="true"&gt;
     &lt;span class="text-block" contenteditable="false"&gt;
        &lt;span contenteditable="false"&gt;Name&lt;/span&gt;
        &lt;a href="javascript:void(0)"&gt;
            &lt;i class="small-icon-remove"&gt;&lt;/i&gt;
        &lt;/a&gt;
     &lt;/span&gt;
  ​&lt;/div&gt;
  </code></pre>
  
  <p>So, how to disable this:</p>
  
  <p><img src="https://i.stack.imgur.com/gNEnZ.png" alt="enter image description here"></p>
  
  <p>and this: </p>
  
  <p><img src="https://i.stack.imgur.com/texpN.png" alt="enter image description here"></p>