Link copied!

Inplace Editor Examples

<e-inplaceeditor>
  Editable value goes here
</e-inplaceeditor>
<e-inplaceeditor disabled="disabled">
  Editable value goes here
</e-inplaceeditor>
<e-inplaceeditor maxlength="5">
  Edita
</e-inplaceeditor>
<h1>
  <e-inplaceeditor>
    Editable value goes here
  </e-inplaceeditor>
</h1>
<h1 class="e-field e-margin-bottom-xs">
  <e-inplaceeditor error>
    Editable value goes here
  </e-inplaceeditor>
  <span class="e-field__message e-field__message-error e-field__message-floating">
    The entered value is invalid, please check contents.
  </span>
</h1>
<e-inplaceeditor id="select-all">
  Editable value goes here
</e-inplaceeditor>
<button class="e-btn" id="select-all-btn" style="margin-left: 5px;">
  Select All
</button>
Copy Javascript
Copied to clipboard! 
var button = document.querySelector('#select-all-btn');
var input = document.querySelector('#select-all');

button.addEventListener('click', function() {
  input.selectAll();
});