bgneal@312: /**
bgneal@312: * charmap.js
bgneal@312: *
bgneal@312: * Copyright 2009, Moxiecode Systems AB
bgneal@312: * Released under LGPL License.
bgneal@312: *
bgneal@312: * License: http://tinymce.moxiecode.com/license
bgneal@312: * Contributing: http://tinymce.moxiecode.com/contributing
bgneal@312: */
bgneal@312:
bgneal@312: tinyMCEPopup.requireLangPack();
bgneal@312:
bgneal@312: var charmap = [
bgneal@312: [' ', ' ', true, 'no-break space'],
bgneal@312: ['&', '&', true, 'ampersand'],
bgneal@312: ['"', '"', true, 'quotation mark'],
bgneal@312: // finance
bgneal@312: ['¢', '¢', true, 'cent sign'],
bgneal@312: ['€', '€', true, 'euro sign'],
bgneal@312: ['£', '£', true, 'pound sign'],
bgneal@312: ['¥', '¥', true, 'yen sign'],
bgneal@312: // signs
bgneal@312: ['©', '©', true, 'copyright sign'],
bgneal@312: ['®', '®', true, 'registered sign'],
bgneal@312: ['™', '™', true, 'trade mark sign'],
bgneal@312: ['‰', '‰', true, 'per mille sign'],
bgneal@312: ['µ', 'µ', true, 'micro sign'],
bgneal@312: ['·', '·', true, 'middle dot'],
bgneal@312: ['•', '•', true, 'bullet'],
bgneal@312: ['…', '…', true, 'three dot leader'],
bgneal@312: ['′', '′', true, 'minutes / feet'],
bgneal@312: ['″', '″', true, 'seconds / inches'],
bgneal@312: ['§', '§', true, 'section sign'],
bgneal@312: ['¶', '¶', true, 'paragraph sign'],
bgneal@312: ['ß', 'ß', true, 'sharp s / ess-zed'],
bgneal@312: // quotations
bgneal@312: ['‹', '‹', true, 'single left-pointing angle quotation mark'],
bgneal@312: ['›', '›', true, 'single right-pointing angle quotation mark'],
bgneal@312: ['«', '«', true, 'left pointing guillemet'],
bgneal@312: ['»', '»', true, 'right pointing guillemet'],
bgneal@312: ['‘', '‘', true, 'left single quotation mark'],
bgneal@312: ['’', '’', true, 'right single quotation mark'],
bgneal@312: ['“', '“', true, 'left double quotation mark'],
bgneal@312: ['”', '”', true, 'right double quotation mark'],
bgneal@312: ['‚', '‚', true, 'single low-9 quotation mark'],
bgneal@312: ['„', '„', true, 'double low-9 quotation mark'],
bgneal@312: ['<', '<', true, 'less-than sign'],
bgneal@312: ['>', '>', true, 'greater-than sign'],
bgneal@312: ['≤', '≤', true, 'less-than or equal to'],
bgneal@312: ['≥', '≥', true, 'greater-than or equal to'],
bgneal@312: ['–', '–', true, 'en dash'],
bgneal@312: ['—', '—', true, 'em dash'],
bgneal@312: ['¯', '¯', true, 'macron'],
bgneal@312: ['‾', '‾', true, 'overline'],
bgneal@312: ['¤', '¤', true, 'currency sign'],
bgneal@312: ['¦', '¦', true, 'broken bar'],
bgneal@312: ['¨', '¨', true, 'diaeresis'],
bgneal@312: ['¡', '¡', true, 'inverted exclamation mark'],
bgneal@312: ['¿', '¿', true, 'turned question mark'],
bgneal@312: ['ˆ', 'ˆ', true, 'circumflex accent'],
bgneal@312: ['˜', '˜', true, 'small tilde'],
bgneal@312: ['°', '°', true, 'degree sign'],
bgneal@312: ['−', '−', true, 'minus sign'],
bgneal@312: ['±', '±', true, 'plus-minus sign'],
bgneal@312: ['÷', '÷', true, 'division sign'],
bgneal@312: ['⁄', '⁄', true, 'fraction slash'],
bgneal@312: ['×', '×', true, 'multiplication sign'],
bgneal@312: ['¹', '¹', true, 'superscript one'],
bgneal@312: ['²', '²', true, 'superscript two'],
bgneal@312: ['³', '³', true, 'superscript three'],
bgneal@312: ['¼', '¼', true, 'fraction one quarter'],
bgneal@312: ['½', '½', true, 'fraction one half'],
bgneal@312: ['¾', '¾', true, 'fraction three quarters'],
bgneal@312: // math / logical
bgneal@312: ['ƒ', 'ƒ', true, 'function / florin'],
bgneal@312: ['∫', '∫', true, 'integral'],
bgneal@312: ['∑', '∑', true, 'n-ary sumation'],
bgneal@312: ['∞', '∞', true, 'infinity'],
bgneal@312: ['√', '√', true, 'square root'],
bgneal@312: ['∼', '∼', false,'similar to'],
bgneal@312: ['≅', '≅', false,'approximately equal to'],
bgneal@312: ['≈', '≈', true, 'almost equal to'],
bgneal@312: ['≠', '≠', true, 'not equal to'],
bgneal@312: ['≡', '≡', true, 'identical to'],
bgneal@312: ['∈', '∈', false,'element of'],
bgneal@312: ['∉', '∉', false,'not an element of'],
bgneal@312: ['∋', '∋', false,'contains as member'],
bgneal@312: ['∏', '∏', true, 'n-ary product'],
bgneal@312: ['∧', '∧', false,'logical and'],
bgneal@312: ['∨', '∨', false,'logical or'],
bgneal@312: ['¬', '¬', true, 'not sign'],
bgneal@312: ['∩', '∩', true, 'intersection'],
bgneal@312: ['∪', '∪', false,'union'],
bgneal@312: ['∂', '∂', true, 'partial differential'],
bgneal@312: ['∀', '∀', false,'for all'],
bgneal@312: ['∃', '∃', false,'there exists'],
bgneal@312: ['∅', '∅', false,'diameter'],
bgneal@312: ['∇', '∇', false,'backward difference'],
bgneal@312: ['∗', '∗', false,'asterisk operator'],
bgneal@312: ['∝', '∝', false,'proportional to'],
bgneal@312: ['∠', '∠', false,'angle'],
bgneal@312: // undefined
bgneal@312: ['´', '´', true, 'acute accent'],
bgneal@312: ['¸', '¸', true, 'cedilla'],
bgneal@312: ['ª', 'ª', true, 'feminine ordinal indicator'],
bgneal@312: ['º', 'º', true, 'masculine ordinal indicator'],
bgneal@312: ['†', '†', true, 'dagger'],
bgneal@312: ['‡', '‡', true, 'double dagger'],
bgneal@312: // alphabetical special chars
bgneal@312: ['À', 'À', true, 'A - grave'],
bgneal@312: ['Á', 'Á', true, 'A - acute'],
bgneal@312: ['Â', 'Â', true, 'A - circumflex'],
bgneal@312: ['Ã', 'Ã', true, 'A - tilde'],
bgneal@312: ['Ä', 'Ä', true, 'A - diaeresis'],
bgneal@312: ['Å', 'Å', true, 'A - ring above'],
bgneal@312: ['Æ', 'Æ', true, 'ligature AE'],
bgneal@312: ['Ç', 'Ç', true, 'C - cedilla'],
bgneal@312: ['È', 'È', true, 'E - grave'],
bgneal@312: ['É', 'É', true, 'E - acute'],
bgneal@312: ['Ê', 'Ê', true, 'E - circumflex'],
bgneal@312: ['Ë', 'Ë', true, 'E - diaeresis'],
bgneal@312: ['Ì', 'Ì', true, 'I - grave'],
bgneal@312: ['Í', 'Í', true, 'I - acute'],
bgneal@312: ['Î', 'Î', true, 'I - circumflex'],
bgneal@312: ['Ï', 'Ï', true, 'I - diaeresis'],
bgneal@312: ['Ð', 'Ð', true, 'ETH'],
bgneal@312: ['Ñ', 'Ñ', true, 'N - tilde'],
bgneal@312: ['Ò', 'Ò', true, 'O - grave'],
bgneal@312: ['Ó', 'Ó', true, 'O - acute'],
bgneal@312: ['Ô', 'Ô', true, 'O - circumflex'],
bgneal@312: ['Õ', 'Õ', true, 'O - tilde'],
bgneal@312: ['Ö', 'Ö', true, 'O - diaeresis'],
bgneal@312: ['Ø', 'Ø', true, 'O - slash'],
bgneal@312: ['Œ', 'Œ', true, 'ligature OE'],
bgneal@312: ['Š', 'Š', true, 'S - caron'],
bgneal@312: ['Ù', 'Ù', true, 'U - grave'],
bgneal@312: ['Ú', 'Ú', true, 'U - acute'],
bgneal@312: ['Û', 'Û', true, 'U - circumflex'],
bgneal@312: ['Ü', 'Ü', true, 'U - diaeresis'],
bgneal@312: ['Ý', 'Ý', true, 'Y - acute'],
bgneal@312: ['Ÿ', 'Ÿ', true, 'Y - diaeresis'],
bgneal@312: ['Þ', 'Þ', true, 'THORN'],
bgneal@312: ['à', 'à', true, 'a - grave'],
bgneal@312: ['á', 'á', true, 'a - acute'],
bgneal@312: ['â', 'â', true, 'a - circumflex'],
bgneal@312: ['ã', 'ã', true, 'a - tilde'],
bgneal@312: ['ä', 'ä', true, 'a - diaeresis'],
bgneal@312: ['å', 'å', true, 'a - ring above'],
bgneal@312: ['æ', 'æ', true, 'ligature ae'],
bgneal@312: ['ç', 'ç', true, 'c - cedilla'],
bgneal@312: ['è', 'è', true, 'e - grave'],
bgneal@312: ['é', 'é', true, 'e - acute'],
bgneal@312: ['ê', 'ê', true, 'e - circumflex'],
bgneal@312: ['ë', 'ë', true, 'e - diaeresis'],
bgneal@312: ['ì', 'ì', true, 'i - grave'],
bgneal@312: ['í', 'í', true, 'i - acute'],
bgneal@312: ['î', 'î', true, 'i - circumflex'],
bgneal@312: ['ï', 'ï', true, 'i - diaeresis'],
bgneal@312: ['ð', 'ð', true, 'eth'],
bgneal@312: ['ñ', 'ñ', true, 'n - tilde'],
bgneal@312: ['ò', 'ò', true, 'o - grave'],
bgneal@312: ['ó', 'ó', true, 'o - acute'],
bgneal@312: ['ô', 'ô', true, 'o - circumflex'],
bgneal@312: ['õ', 'õ', true, 'o - tilde'],
bgneal@312: ['ö', 'ö', true, 'o - diaeresis'],
bgneal@312: ['ø', 'ø', true, 'o slash'],
bgneal@312: ['œ', 'œ', true, 'ligature oe'],
bgneal@312: ['š', 'š', true, 's - caron'],
bgneal@312: ['ù', 'ù', true, 'u - grave'],
bgneal@312: ['ú', 'ú', true, 'u - acute'],
bgneal@312: ['û', 'û', true, 'u - circumflex'],
bgneal@312: ['ü', 'ü', true, 'u - diaeresis'],
bgneal@312: ['ý', 'ý', true, 'y - acute'],
bgneal@312: ['þ', 'þ', true, 'thorn'],
bgneal@312: ['ÿ', 'ÿ', true, 'y - diaeresis'],
bgneal@442: ['Α', 'Α', true, 'Alpha'],
bgneal@312: ['Β', 'Β', true, 'Beta'],
bgneal@312: ['Γ', 'Γ', true, 'Gamma'],
bgneal@312: ['Δ', 'Δ', true, 'Delta'],
bgneal@312: ['Ε', 'Ε', true, 'Epsilon'],
bgneal@312: ['Ζ', 'Ζ', true, 'Zeta'],
bgneal@312: ['Η', 'Η', true, 'Eta'],
bgneal@312: ['Θ', 'Θ', true, 'Theta'],
bgneal@312: ['Ι', 'Ι', true, 'Iota'],
bgneal@312: ['Κ', 'Κ', true, 'Kappa'],
bgneal@312: ['Λ', 'Λ', true, 'Lambda'],
bgneal@312: ['Μ', 'Μ', true, 'Mu'],
bgneal@312: ['Ν', 'Ν', true, 'Nu'],
bgneal@312: ['Ξ', 'Ξ', true, 'Xi'],
bgneal@312: ['Ο', 'Ο', true, 'Omicron'],
bgneal@312: ['Π', 'Π', true, 'Pi'],
bgneal@312: ['Ρ', 'Ρ', true, 'Rho'],
bgneal@312: ['Σ', 'Σ', true, 'Sigma'],
bgneal@312: ['Τ', 'Τ', true, 'Tau'],
bgneal@312: ['Υ', 'Υ', true, 'Upsilon'],
bgneal@312: ['Φ', 'Φ', true, 'Phi'],
bgneal@312: ['Χ', 'Χ', true, 'Chi'],
bgneal@312: ['Ψ', 'Ψ', true, 'Psi'],
bgneal@312: ['Ω', 'Ω', true, 'Omega'],
bgneal@312: ['α', 'α', true, 'alpha'],
bgneal@312: ['β', 'β', true, 'beta'],
bgneal@312: ['γ', 'γ', true, 'gamma'],
bgneal@312: ['δ', 'δ', true, 'delta'],
bgneal@312: ['ε', 'ε', true, 'epsilon'],
bgneal@312: ['ζ', 'ζ', true, 'zeta'],
bgneal@312: ['η', 'η', true, 'eta'],
bgneal@312: ['θ', 'θ', true, 'theta'],
bgneal@312: ['ι', 'ι', true, 'iota'],
bgneal@312: ['κ', 'κ', true, 'kappa'],
bgneal@312: ['λ', 'λ', true, 'lambda'],
bgneal@312: ['μ', 'μ', true, 'mu'],
bgneal@312: ['ν', 'ν', true, 'nu'],
bgneal@312: ['ξ', 'ξ', true, 'xi'],
bgneal@312: ['ο', 'ο', true, 'omicron'],
bgneal@312: ['π', 'π', true, 'pi'],
bgneal@312: ['ρ', 'ρ', true, 'rho'],
bgneal@312: ['ς', 'ς', true, 'final sigma'],
bgneal@312: ['σ', 'σ', true, 'sigma'],
bgneal@312: ['τ', 'τ', true, 'tau'],
bgneal@312: ['υ', 'υ', true, 'upsilon'],
bgneal@312: ['φ', 'φ', true, 'phi'],
bgneal@312: ['χ', 'χ', true, 'chi'],
bgneal@312: ['ψ', 'ψ', true, 'psi'],
bgneal@312: ['ω', 'ω', true, 'omega'],
bgneal@312: // symbols
bgneal@312: ['ℵ', 'ℵ', false,'alef symbol'],
bgneal@312: ['ϖ', 'ϖ', false,'pi symbol'],
bgneal@312: ['ℜ', 'ℜ', false,'real part symbol'],
bgneal@312: ['ϑ','ϑ', false,'theta symbol'],
bgneal@312: ['ϒ', 'ϒ', false,'upsilon - hook symbol'],
bgneal@312: ['℘', '℘', false,'Weierstrass p'],
bgneal@312: ['ℑ', 'ℑ', false,'imaginary part'],
bgneal@312: // arrows
bgneal@312: ['←', '←', true, 'leftwards arrow'],
bgneal@312: ['↑', '↑', true, 'upwards arrow'],
bgneal@312: ['→', '→', true, 'rightwards arrow'],
bgneal@312: ['↓', '↓', true, 'downwards arrow'],
bgneal@312: ['↔', '↔', true, 'left right arrow'],
bgneal@312: ['↵', '↵', false,'carriage return'],
bgneal@312: ['⇐', '⇐', false,'leftwards double arrow'],
bgneal@312: ['⇑', '⇑', false,'upwards double arrow'],
bgneal@312: ['⇒', '⇒', false,'rightwards double arrow'],
bgneal@312: ['⇓', '⇓', false,'downwards double arrow'],
bgneal@312: ['⇔', '⇔', false,'left right double arrow'],
bgneal@312: ['∴', '∴', false,'therefore'],
bgneal@312: ['⊂', '⊂', false,'subset of'],
bgneal@312: ['⊃', '⊃', false,'superset of'],
bgneal@312: ['⊄', '⊄', false,'not a subset of'],
bgneal@312: ['⊆', '⊆', false,'subset of or equal to'],
bgneal@312: ['⊇', '⊇', false,'superset of or equal to'],
bgneal@312: ['⊕', '⊕', false,'circled plus'],
bgneal@312: ['⊗', '⊗', false,'circled times'],
bgneal@312: ['⊥', '⊥', false,'perpendicular'],
bgneal@312: ['⋅', '⋅', false,'dot operator'],
bgneal@312: ['⌈', '⌈', false,'left ceiling'],
bgneal@312: ['⌉', '⌉', false,'right ceiling'],
bgneal@312: ['⌊', '⌊', false,'left floor'],
bgneal@312: ['⌋', '⌋', false,'right floor'],
bgneal@312: ['⟨', '〈', false,'left-pointing angle bracket'],
bgneal@312: ['⟩', '〉', false,'right-pointing angle bracket'],
bgneal@442: ['◊', '◊', true, 'lozenge'],
bgneal@442: ['♠', '♠', true, 'black spade suit'],
bgneal@312: ['♣', '♣', true, 'black club suit'],
bgneal@312: ['♥', '♥', true, 'black heart suit'],
bgneal@312: ['♦', '♦', true, 'black diamond suit'],
bgneal@312: [' ', ' ', false,'en space'],
bgneal@312: [' ', ' ', false,'em space'],
bgneal@312: [' ', ' ', false,'thin space'],
bgneal@312: ['‌', '‌', false,'zero width non-joiner'],
bgneal@312: ['‍', '‍', false,'zero width joiner'],
bgneal@312: ['‎', '‎', false,'left-to-right mark'],
bgneal@312: ['‏', '‏', false,'right-to-left mark'],
bgneal@312: ['­', '­', false,'soft hyphen']
bgneal@312: ];
bgneal@312:
bgneal@312: tinyMCEPopup.onInit.add(function() {
bgneal@312: tinyMCEPopup.dom.setHTML('charmapView', renderCharMapHTML());
bgneal@442: addKeyboardNavigation();
bgneal@312: });
bgneal@312:
bgneal@442: function addKeyboardNavigation(){
bgneal@442: var tableElm, cells, settings;
bgneal@442:
bgneal@442: cells = tinyMCEPopup.dom.select(".charmaplink", "charmapgroup");
bgneal@442:
bgneal@442: settings ={
bgneal@442: root: "charmapgroup",
bgneal@442: items: cells
bgneal@442: };
bgneal@442:
bgneal@442: tinyMCEPopup.editor.windowManager.createInstance('tinymce.ui.KeyboardNavigation', settings, tinyMCEPopup.dom);
bgneal@442: }
bgneal@442:
bgneal@312: function renderCharMapHTML() {
bgneal@312: var charsPerRow = 20, tdWidth=20, tdHeight=20, i;
bgneal@442: var html = '<div id="charmapgroup" aria-labelledby="charmap_label" tabindex="0" role="listbox">'+
bgneal@442: '<table role="presentation" border="0" cellspacing="1" cellpadding="0" width="' + (tdWidth*charsPerRow) +
bgneal@442: '"><tr height="' + tdHeight + '">';
bgneal@312: var cols=-1;
bgneal@312:
bgneal@312: for (i=0; i<charmap.length; i++) {
bgneal@442: var previewCharFn;
bgneal@442:
bgneal@312: if (charmap[i][2]==true) {
bgneal@312: cols++;
bgneal@442: previewCharFn = 'previewChar(\'' + charmap[i][1].substring(1,charmap[i][1].length) + '\',\'' + charmap[i][0].substring(1,charmap[i][0].length) + '\',\'' + charmap[i][3] + '\');';
bgneal@312: html += ''
bgneal@312: + '<td class="charmap">'
bgneal@442: + '<a class="charmaplink" role="button" onmouseover="'+previewCharFn+'" onfocus="'+previewCharFn+'" href="javascript:void(0)" onclick="insertChar(\'' + charmap[i][1].substring(2,charmap[i][1].length-1) + '\');" onclick="return false;" onmousedown="return false;" title="' + charmap[i][3] + '">'
bgneal@312: + charmap[i][1]
bgneal@312: + '</a></td>';
bgneal@312: if ((cols+1) % charsPerRow == 0)
bgneal@312: html += '</tr><tr height="' + tdHeight + '">';
bgneal@312: }
bgneal@312: }
bgneal@312:
bgneal@312: if (cols % charsPerRow > 0) {
bgneal@312: var padd = charsPerRow - (cols % charsPerRow);
bgneal@312: for (var i=0; i<padd-1; i++)
bgneal@312: html += '<td width="' + tdWidth + '" height="' + tdHeight + '" class="charmap"> </td>';
bgneal@312: }
bgneal@312:
bgneal@442: html += '</tr></table></div>';
bgneal@442: html = html.replace(/<tr height="20"><\/tr>/g, '');
bgneal@312:
bgneal@312: return html;
bgneal@312: }
bgneal@312:
bgneal@312: function insertChar(chr) {
bgneal@312: tinyMCEPopup.execCommand('mceInsertContent', false, '&#' + chr + ';');
bgneal@312:
bgneal@312: // Refocus in window
bgneal@312: if (tinyMCEPopup.isWindow)
bgneal@312: window.focus();
bgneal@312:
bgneal@312: tinyMCEPopup.editor.focus();
bgneal@312: tinyMCEPopup.close();
bgneal@312: }
bgneal@312:
bgneal@312: function previewChar(codeA, codeB, codeN) {
bgneal@312: var elmA = document.getElementById('codeA');
bgneal@312: var elmB = document.getElementById('codeB');
bgneal@312: var elmV = document.getElementById('codeV');
bgneal@312: var elmN = document.getElementById('codeN');
bgneal@312:
bgneal@312: if (codeA=='#160;') {
bgneal@312: elmV.innerHTML = '__';
bgneal@312: } else {
bgneal@312: elmV.innerHTML = '&' + codeA;
bgneal@312: }
bgneal@312:
bgneal@312: elmB.innerHTML = '&' + codeA;
bgneal@312: elmA.innerHTML = '&' + codeB;
bgneal@312: elmN.innerHTML = codeN;
bgneal@312: }