djalmajr

/**
 * Wraps a string around each character/letter
 *
 * @param {string} str The string to transform
 * @param {string} tmpl Template that gets interpolated
 * @returns {string} The given input as splitted by chars/letters
 */
function wrapChars(str, tmpl) {
  return str.replace(/\w/g, tmpl || "<span>$&</span>");
}

djalmajr

var el = document.querySelector('.el'),
    btn = document.querySelector('.btn-edit');

el.addEventListener('input', function (e) {
    console.log(e.currentTarget.textContent);
});

btn.addEventListener('click', function () {
    var isEditing = el.getAttribute('contenteditable');