<e-inplaceeditor disabled="disabled">
  Lorem ipsum dolor sit amet.
</e-inplaceeditor>

<e-inplaceeditor disabled="disabled">Lorem ipsum dolor sit amet.</e-inplaceeditor>

<e-inplaceeditor maxlength="5">
  Lorem
</e-inplaceeditor>

<e-inplaceeditor maxlength="5">Lorem</e-inplaceeditor>

<h1>
  <e-inplaceeditor>
    Lorem ipsum dolor sit amet.
  </e-inplaceeditor>
</h1>

<h1><e-inplaceeditor>Lorem ipsum dolor sit amet.</e-inplaceeditor></h1>

<h1>
  <e-inplaceeditor has-buttons="true">
    Lorem ipsum dolor sit amet.
  </e-inplaceeditor>
</h1>

<h1><e-inplaceeditor has-buttons="true">Lorem ipsum dolor sit amet.</e-inplaceeditor></h1>

<e-inplaceeditor id="select-all">
  Lorem ipsum dolor sit amet.
</e-inplaceeditor>
<button class="e-btn" id="select-all-btn" style="margin-left: 5px;">
  Select All
</button>
<script>
  var button = document.querySelector('#select-all-btn');var input = document.querySelector('#select-all');button.addEventListener('click', function() {input.selectAll();});
</script>

<e-inplaceeditor id="select-all">Lorem ipsum dolor sit amet.</e-inplaceeditor><button class="e-btn" id="select-all-btn" style="margin-left: 5px;">Select All</button><script>var button = document.querySelector('#select-all-btn');
var input = document.querySelector('#select-all');

button.addEventListener('click', function() {
  input.selectAll();
});
</script>