Copy and paste the code below
<!– Younger Futhark –>
<textarea id=”taIn” cols=”30″ rows=”3″ oninput=”update()” onClick=”this.select();” >Write your text here</textarea>
<p><strong>ᚠᚢᚦᚨᚱᚴ:</strong></p>
<textarea id=”taOut” cols=”30″ rows=”3″></textarea>
<script type=”text/javascript”>
const cursiveDict = {“mm”:”ᛘ”, “tt”:”ᛏ”, “dd”:”ᛏ”, “ss”:”ᛋ”, “ll”:”ᛚ”, “gg”:”ᚴ”, “kk”:”ᚴ”, “nn”:”ᚾ”, “Th”:”ᚦ”, “th”:”ᚦ”, “ae”:”ᚬ”, “oe”:”ᚬ”, “ð”:”ᚦ”,
“a”:”ᛅ”, “b”:”ᛒ”, “c”:”ᚴ”, “d”:”ᛏ”, “e”:”ᛁ”, “é”:”ᛁ”, “f”:”ᚠ”, “g”:”ᚴ”, “h”:”ᚼ”, “i”:”ᛁ”, “j”:”ᛁ”, “k”:”ᚴ”, “l”:”ᛚ”, “m”:”ᛘ”, “n”:”ᚾ”, “o”:”ᚬ”, “p”:”ᛒ”, “q”:”ᚴ”, “r”:”ᚱ”, “s”:”ᛋ”, “þ”:”ᚦ”, “t”:”ᛏ”, “u”:”ᚢ”, “v”:”ᚢ”, “w”:”ᚢ”, “x”:”ᚴᛋ”, “y”:”ᛁ”, “z”:”ᛋ”, “æ”:”ᚬ”, “ä”:”ᚬ”, “ø”:”ᚬ”, “ö”:”ᚬ”, “å”:”ᛅ”, ” “:”:”, “, “:””, “‘”:””, “?”:””, “!”:””, “.”:”:”,
“1”:”ᛁ:”, “2”:”ᛁᛁ:”, “3”:”ᛁᛁᛁ:”, “4”:”ᛁᚢ:”, “5”:”ᚢ:”, “6”:”ᚢᛁ:”, “7”:”ᚢᛁᛁ:”, “8”:”ᚢᛁᛁᛁ:”, “9”:”ᛁᚲ:”, “0”:””,
};
function update() {
let text = taIn.value;
text = text.replace(/th|ae|oe|ss|ll|gg|kk|nn|Th|dd|tt|mm|./g,
s => cursiveDict[s.toLowerCase()] ?? s
);
taOut.value = text;
}
update()
</script>
<div class=”as-console-wrapper”><div class=”as-console”></div></div>
Copy and paste the code below
<!– Elder futhark –>
<textarea id=”taIn” cols=”30″ rows=”3″ oninput=”update()” onClick=”this.select();” >Write your text here</textarea>
<p><strong>ᚠᚢᚦᚨᚱᚲ</strong></p>
<textarea id=”taOut” cols=”30″ rows=”3″></textarea>
<script type=”text/javascript”>
const cursiveDict = {“mm”:”ᛗ”, “tt”:”ᛏ”, “dd”:”ᛞ”, “ss”:”ᛊ”, “ll”:”ᛚ”, “gg”:”ᚷ”, “kk”:”ᚲ”, “nn”:”ᚾ”, “Th”:”ᚦ”, “th”:”ᚦ”, “ae”:”æ”, “oe”:”ø”, “ð”:”ᚦ”,
“a”:”ᚨ”, “b”:”ᛒ”, “c”:”ᚲ”, “d”:”ᛞ”, “e”:”ᛖ”, “é”:”ᛖ”, “f”:”ᚠ”, “g”:”ᚷ”, “h”:”ᚺ”, “i”:”ᛁ”, “j”:”ᛃ”, “k”:”ᚲ”, “l”:”ᛚ”, “m”:”ᛗ”, “n”:”ᚾ”, “o”:”ᛟ”, “p”:”ᛈ”, “q”:”ᚲ”, “r”:”ᚱ”, “s”:”ᛊ”, “þ”:”ᚦ”, “t”:”ᛏ”, “u”:”ᚢ”, “v”:”ᚹ”, “w”:”ᚹ”, “x”:”ᚲ”, “y”:”ᛇ”, “z”:”ᛉ”, “æ”:”ᚨ”, “ä”:”ᚨ”, “ø”:”ᛟ”, “ö”:”ᛟ”, “å”:”ᚨ”, ” “:”:”, “, “:””, “‘”:””, “?”:””, “!”:””, “.”:”:”,
“1”:”ᛁ:”, “2”:”ᛁᛁ:”, “3”:”ᛁᛁᛁ:”, “4”:”ᛁᚢ:”, “5”:”ᚢ:”, “6”:”ᚢᛁ:”, “7”:”ᚢᛁᛁ:”, “8”:”ᚢᛁᛁᛁ:”, “9”:”ᛁᚲ:”, “0”:””,
};
function update() {
let text = taIn.value;
text = text.replace(/th|ae|oe|ss|ll|gg|kk|nn|Th|dd|tt|mm|./g,
s => cursiveDict[s.toLowerCase()] ?? s
);
taOut.value = text;
}
update()
</script>
<div class=”as-console-wrapper”><div class=”as-console”></div></div>
In WordPress pages insert a Custom HTML block (or HTML widget, if you use Elementor).
Paste the code.
Ta-daaaaa!!!
Note: As these are two almost identical JavaScrips you can not run both on one page, so have to separate them to two different pages.