/*
---
script: MooEditable.Charmap.js
description: Extends MooEditable with a characters map
license: MIT-style license
authors:
- Ryan Mitchell
requires:
# - MooEditable
# - MooEditable.UI
# - MooEditable.Actions
provides: [MooEditable.UI.CharacterDialog, MooEditable.Actions.charmap]
usage: |
Add the following tags in your html
...
*/
MooEditable.Actions.Settings.charmap = {
chars: [
[' ', ' '],
['&', '&'],
['"', '"'],
['¢', '¢'],
['€', '€'],
['£', '£'],
['¥', '¥'],
['©', '©'],
['®', '®'],
['™', '™'],
['‰', '‰'],
['µ', 'µ'],
['·', '·'],
['•', '•'],
['…', '…'],
['′', '′'],
['″', '″'],
['§', '§'],
['¶', '¶'],
['ß', 'ß'],
['‹', '‹'],
['›', '›'],
['«', '«'],
['»', '»'],
['‘', '‘'],
['’', '’'],
['“', '“'],
['”', '”'],
['‚', '‚'],
['„', '„'],
['<', '<'],
['>', '>'],
['≤', '≤'],
['≥', '≥'],
['–', '–'],
['—', '—'],
['¯', '¯'],
['‾', '‾'],
['¤', '¤'],
['¦', '¦'],
['¨', '¨'],
['¡', '¡'],
['¿', '¿'],
['ˆ', 'ˆ'],
['˜', '˜'],
['°', '°'],
['−', '−'],
['±', '±'],
['÷', '÷'],
['⁄', '⁄'],
['×', '×'],
['¹', '¹'],
['²', '²'],
['³', '³'],
['¼', '¼'],
['½', '½'],
['¾', '¾'],
['ƒ', 'ƒ'],
['∫', '∫'],
['∑', '∑'],
['∞', '∞'],
['√', '√'],
['∼', '∼'],
['≅', '≅'],
['≈', '≈'],
['≠', '≠'],
['≡', '≡'],
['∈', '∈'],
['∉', '∉'],
['∋', '∋'],
['∏', '∏'],
['∧', '∧'],
['∨', '∨'],
['¬', '¬'],
['∩', '∩'],
['∪', '∪'],
['∂', '∂'],
['∀', '∀'],
['∃', '∃'],
['∅', '∅'],
['∇', '∇'],
['∗', '∗'],
['∝', '∝'],
['∠', '∠'],
['´', '´'],
['¸', '¸'],
['ª', 'ª'],
['º', 'º'],
['†', '†'],
['‡', '‡'],
['À', 'À'],
['Á', 'Á'],
['Â', 'Â'],
['Ã', 'Ã'],
['Ä', 'Ä'],
['Å', 'Å'],
['Æ', 'Æ'],
['Ç', 'Ç'],
['È', 'È'],
['É', 'É'],
['Ê', 'Ê'],
['Ë', 'Ë'],
['Ì', 'Ì'],
['Í', 'Í'],
['Î', 'Î'],
['Ï', 'Ï'],
['Ð', 'Ð'],
['Ñ', 'Ñ'],
['Ò', 'Ò'],
['Ó', 'Ó'],
['Ô', 'Ô'],
['Õ', 'Õ'],
['Ö', 'Ö'],
['Ø', 'Ø'],
['Œ', 'Œ'],
['Š', 'Š'],
['Ù', 'Ù'],
['Ú', 'Ú'],
['Û', 'Û'],
['Ü', 'Ü'],
['Ý', 'Ý'],
['Ÿ', 'Ÿ'],
['Þ', 'Þ'],
['à', 'à'],
['á', 'á'],
['â', 'â'],
['ã', 'ã'],
['ä', 'ä'],
['å', 'å'],
['æ', 'æ'],
['ç', 'ç'],
['è', 'è'],
['é', 'é'],
['ê', 'ê'],
['ë', 'ë'],
['ì', 'ì'],
['í', 'í'],
['î', 'î'],
['ï', 'ï'],
['ð', 'ð'],
['ñ', 'ñ'],
['ò', 'ò'],
['ó', 'ó'],
['ô', 'ô'],
['õ', 'õ'],
['ö', 'ö'],
['ø', 'ø'],
['œ', 'œ'],
['š', 'š'],
['ù', 'ù'],
['ú', 'ú'],
['û', 'û'],
['ü', 'ü'],
['ý', 'ý'],
['þ', 'þ'],
['ÿ', 'ÿ'],
['Α', 'Α'],
['Β', 'Β'],
['Γ', 'Γ'],
['Δ', 'Δ'],
['Ε', 'Ε'],
['Ζ', 'Ζ'],
['Η', 'Η'],
['Θ', 'Θ'],
['Ι', 'Ι'],
['Κ', 'Κ'],
['Λ', 'Λ'],
['Μ', 'Μ'],
['Ν', 'Ν'],
['Ξ', 'Ξ'],
['Ο', 'Ο'],
['Π', 'Π'],
['Ρ', 'Ρ'],
['Σ', 'Σ'],
['Τ', 'Τ'],
['Υ', 'Υ'],
['Φ', 'Φ'],
['Χ', 'Χ'],
['Ψ', 'Ψ'],
['Ω', 'Ω'],
['α', 'α'],
['β', 'β'],
['γ', 'γ'],
['δ', 'δ'],
['ε', 'ε'],
['ζ', 'ζ'],
['η', 'η'],
['θ', 'θ'],
['ι', 'ι'],
['κ', 'κ'],
['λ', 'λ'],
['μ', 'μ'],
['ν', 'ν'],
['ξ', 'ξ'],
['ο', 'ο'],
['π', 'π'],
['ρ', 'ρ'],
['ς', 'ς'],
['σ', 'σ'],
['τ', 'τ'],
['υ', 'υ'],
['φ', 'φ'],
['χ', 'χ'],
['ψ', 'ψ'],
['ω', 'ω'],
['ℵ', 'ℵ'],
['ϖ', 'ϖ'],
['ℜ', 'ℜ'],
['ϑ', 'ϑ'],
['ϒ', 'ϒ'],
['℘', '℘'],
['ℑ', 'ℑ'],
['←', '←'],
['↑', '↑'],
['→', '→'],
['↓', '↓'],
['↔', '↔'],
['↵', '↵'],
['⇐', '⇐'],
['⇑', '⇑'],
['⇒', '⇒'],
['⇓', '⇓'],
['⇔', '⇔'],
['∴', '∴'],
['⊂', '⊂'],
['⊃', '⊃'],
['⊄', '⊄'],
['⊆', '⊆'],
['⊇', '⊇'],
['⊕', '⊕'],
['⊗', '⊗'],
['⊥', '⊥'],
['⋅', '⋅'],
['⌈', '⌈'],
['⌉', '⌉'],
['⌊', '⌊'],
['⌋', '⌋'],
['⟨', '〈'],
['⟩', '〉'],
['◊', '◊'],
['♠', '♠'],
['♣', '♣'],
['♥', '♥'],
['♦', '♦']
]
};
MooEditable.lang.set({
insertCustomCharacter: 'Insert custom character',
insertCharacter: 'Insert character'
});
MooEditable.UI.CharacterDialog = function(editor){
var html = MooEditable.lang.get('insertCharacter') + ' '
+ ''
+ '';
return new MooEditable.UI.Dialog(html, {
'class': 'mooeditable-charmap-dialog',
onClick: function(e){
if (e.target.tagName.toLowerCase() == 'button') e.preventDefault();
var button = document.id(e.target);
if (button.hasClass('dialog-cancel-button')){
this.close();
} else if (button.hasClass('dialog-ok-button')){
this.close();
var sel = button.getPrevious('select.char');
var div = new Element('div').set('html', sel.options[sel.selectedIndex].getProperty('data-code').trim());
editor.selection.insertContent(div.get('html'));
}
}
});
};
MooEditable.Actions.extend({
charmap: {
title: MooEditable.lang.get('insertCustomCharacter'),
dialogs: {
prompt: function(editor){
return MooEditable.UI.CharacterDialog(editor);
}
},
command: function() {
this.dialogs.charmap.prompt.open();
},
events: {
toggleView: function(){
if (this.mode == 'textarea'){
var s = this.textarea.get('value');
// when switching from iframe to textarea, we need to convert special symbols to html entities
MooEditable.Actions.Settings.charmap.chars.each(function(e){
if (!['&', '>', '<', '"', ' '].contains(e[0])){
var r = new RegExp(String.fromCharCode(parseInt(e[1].replace('&#', '').replace(';', ''))), 'g');
s = s.replace(r, e[0]);
}
}, this);
this.textarea.set('value', s);
}
}
}
}
});