Misago/static/cranefly/js/editor.js

// Basic editor functions
function storeCaret(ftext) {
  if (ftext.createTextRange) {
    ftext.caretPos = document.selection.createRange().duplicate();
  }
}

function SelectionRange(start, end) {
  this.start = start;
  this.end = end;
}

function getSelection(textId) {
  ctrl = document.getElementById(textId);
  if (document.selection) {
    ctrl.focus();
    var range = document.selection.createRange();
    var length = range.text.length;
    range.moveStart('character', -ctrl.value.length);
    return new SelectionRange(range.text.length - length, range.text.length);
  } else if (ctrl.selectionStart || ctrl.selectionStart == '0') {
    return new SelectionRange(ctrl.selectionStart, ctrl.selectionEnd);
  }
}

function getSelectionText(textId) {
  var ctrl = document.getElementById(textId);
  var text = ctrl.value;
  myRange = getSelection(textId);
  return $.trim(text.substring(myRange.start, myRange.end));
}

function setSelection(textId, SelectionRange) {
  ctrl = document.getElementById(textId);
  if (ctrl.setSelectionRange) {
    ctrl.focus();
    ctrl.setSelectionRange(SelectionRange.start, SelectionRange.end);
  } else if (ctrl.createTextRange) {
    var range = ctrl.createTextRange();
    range.collapse(true);
    range.moveStart('character', SelectionRange.start);
    range.moveEnd('character', SelectionRange.end);
    range.select();
  }
}

function _makeWrap(textId, myRange, wrap_start, wrap_end) {
  var ctrl = document.getElementById(textId);
  var text = ctrl.value;
  var startText = text.substring(0, myRange.start) + wrap_start;
  var middleText = text.substring(myRange.start, myRange.end);
  var endText = wrap_end + text.substring(myRange.end);
  ctrl.value = startText + middleText + endText;
  setSelection(textId, new SelectionRange(startText.length, startText.length + middleText.length));
}

function makeWrap(textId, wrap_start, wrap_end) {
  _makeWrap(textId, getSelection(textId), wrap_start, wrap_end);
}

function _makeReplace(textId, myRange, replacement) {
  var ctrl = document.getElementById(textId);
  var text = ctrl.value;
  var startText = text.substring(0, myRange.start);
  var middleText = text.substring(myRange.start, myRange.end);
  var endText = text.substring(myRange.end);
  ctrl.value = text.substring(0, myRange.start) + replacement + text.substring(myRange.end);
  setSelection(textId, new SelectionRange(startText.length + middleText.length, startText.length + middleText.length));
}

function makeReplace(textId, replacement) {
  _makeReplace(textId, getSelection(textId), replacement);
}

var url_pattern = new RegExp('^(https?:\\/\\/)?((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*(\\?[;&a-z\\d%_.~+=-]*)?(\\#[-a-z\\d_]*)?$','i');
function is_url(str) {
  return url_pattern.test($.trim(str));
}

function extractor(query) {
    var result = /([^\s]+)$/.exec(query);
    if(result && result[1])
        return result[1].trim();
    return '';
}

// Small and nice editor functionality
$(function() {
  function textarea(ev) {
    return $(ev).parents('.editor-editable').find('textarea');
  }

  function textareaId(ev) {
    return textarea(ev).attr('id');
  }

  $('.editor-tools').fadeIn(600);
  $('.editor-zen-on').css('display', 'block');
  $('.editor-editable').each(function() {
    // Do we have emojis?
    if (ed_emojis.length > 1) {
      $(this).find('textarea').atwho({
        at: ":",
        tpl: ed_emoji_tpl,
        data: ed_emojis_list
      });
    }
  });

  // Handle buttons
  $('.editor-zen-on a').click(function() {
    var overlay = $('.zen-overlay');
    var overlay_textarea = overlay.find('textarea');
    overlay_textarea.val(textarea(this).val());
    overlay_textarea.data('org', '#' + textareaId(this));
    overlay_textarea.data('pos', $('body').scrollTop());
    overlay.show();
    $('#wrap').hide();
    return false;
  });

  $('.editor-bold').click(function() {
    makeWrap(textareaId(this), '**', '**');
    return false;
  });

  $('.editor-emphasis').click(function() {
    makeWrap(textareaId(this), '*', '*');
    return false;
  });

  $('.editor-link').click(function() {
    var selection = $.trim(getSelectionText(textareaId(this)));
    if (is_url(selection)) {
      var link_url = $.trim(prompt(ed_lang_enter_link_url, selection));
      selection = false;
    } else {
      var link_url = $.trim(prompt(ed_lang_enter_link_url));
    }

    if (is_url(link_url)) {
      if (selection) {
        var link_label = $.trim(prompt(ed_lang_enter_link_label, selection));
      } else {
        var link_label = $.trim(prompt(ed_lang_enter_link_label));
      }

      if (link_label.length > 0) {
        makeReplace(textareaId(this), '[' + link_label + '](' + link_url + ')');
      } else {
        makeReplace(textareaId(this), '<' + link_url + '>');
      }
    }

    return false;
  });

  $('.editor-image').click(function() {
    var selection = $.trim(getSelectionText(textareaId(this)));
    if (is_url(selection)) {
      var image_url = $.trim(prompt(ed_lang_enter_image_url, selection));
      selection = false;
    } else {
      var image_url = $.trim(prompt(ed_lang_enter_image_url));
    }

    if (is_url(image_url)) {
      if (selection) {
        var image_label = $.trim(prompt(ed_lang_enter_image_label, selection));
      } else {
        var image_label = $.trim(prompt(ed_lang_enter_image_label));
      }

      if (image_label.length > 0) {
        makeReplace(textareaId(this), '![' + image_label + '](' + image_url + ')');
      } else {
        makeReplace(textareaId(this), '!(' + image_url + ')');
      }
    }

    return false;
  });

  $('.editor-hr').click(function() {
    makeReplace(textareaId(this), '\r\n\r\n- - - - -\r\n\r\n');
    return false;
  });

  $('.editor-zen-off a').click(function() {
    var overlay = $('.zen-overlay');
    var overlay_textarea = overlay.find('textarea');
    var scrooltop = overlay.find('textarea').data('pos');

    $(overlay.find('textarea').data('org')).val(overlay.find('textarea').val());
    $('#wrap').show();
    $('html, body').scrollTop(scrooltop);
    overlay.hide();
    return false;
  });

  $('.editor-insert-attachment').click(function() {
    var insertion_code = $(this).data('attachment-md');
    makeReplace(textareaId(this), insertion_code);
  });
});