사용자:하늘/hanja-dict-tools.js

//블록 지정하고 '漢을 가리키면 링크가 나타납니다.'
function hanja_dict_tools() {
  $('#dict-tool').remove();

  var button = document.createElement("div");
  button.id = "dict-tool";
  button.style.left = '0';
  button.style.bottom = '0';
  button.style.position = 'fixed';
  button.style.background = 'rgba(255, 255, 255, 0.94) none repeat scroll 0% 0%';
  button.style.boxShadow = '0 0 7px #acacac';
  button.style.borderRadius = '0 0.2em 0 0';
  button.style.padding = '0.25em';
  button.style.fontSize = '1.4em';
  button.style.lineHeight = '1em';
  button.style.zIndex = '1000';
  $("body").append(button);

  var icon = document.createElement('span');
  icon.innerText = '漢';
  button.append(icon);

  var selection = '';
  icon.onmouseover = () => {
    if (window.getSelection) {
      text = window.getSelection().toString();
    } else if (document.selection && document.selection.type != "Control") {
      text = document.selection.createRange().text;
    }

    if (text.length == 1) {
      var makeLink = (url, text) => {
        var a = document.createElement('a');
        a.href = url, a.target = '_blank', a.rel = 'noopener noreferrer',
          a.innerHTML = '<small>' + text + ' </small>';
        return a;
      };
      button.innerHTML = '', icon.innerHTML = text;
      button.append(icon);
      $(button).append("<small> >> </small>");

      var unicode = 'u' + text.codePointAt().toString(16);
      button.append(makeLink('https://en.wiktionary.org/wiki/' + text, '윅셔너리')),
        button.append(makeLink('http://ko.glyphwiki.org/wiki/' + unicode, '글리프 위키')),
        button.append(makeLink('https://commons.wikimedia.org/wiki/Category:' + text, '위키미디어'));

      var x = document.createElement('a');
      x.innerText = '[x]', x.style.cursor = 'pointer';
      x.onclick = function() {
        icon.innerText = '漢';
        button.innerHTML = '';
        button.append(icon);
      };
      button.append(x);
    }
  };
}

hanja_dict_tools();