Helper to replace regular characters of a string with their respective Unicode's ｢Ｆｕｌｌｗｉｄｔｈ Ｆｏｒｍ ｣ character

README.md

Transform FW Text into ＦＷ Ｔｅｘｔ

Javascript helper function that replaces regular characters of a string with their respective unicode's ｢Ｆｕｌｌｗｉｄｔｈ Ｆｏｒｍ ｣ characters

Reference: https://symbl.cc/en/unicode/blocks/halfwidth-and-fullwidth-forms/#overview

Usage:

textRegular = "Sphinx Of Black Quartz - Judge My Vow";

textFW = replaceWithFullwidthChars(txt)
// 'Ｓｐｈｉｎｘ Ｏｆ Ｂｌａｃｋ Ｑｕａｒｔｚ － Ｊｕｄｇｅ Ｍｙ Ｖｏｗ'

textFW2 = replaceWithFullwidthChars(txt.toUpperCase()).split("").join(" ")
// 'Ｓ Ｐ Ｈ Ｉ Ｎ Ｘ   Ｏ Ｆ   Ｂ Ｌ Ａ Ｃ Ｋ   Ｑ Ｕ Ａ Ｒ Ｔ Ｚ   －   Ｊ Ｕ Ｄ Ｇ Ｅ   Ｍ Ｙ   Ｖ Ｏ Ｗ'

Another Usage:

const infix = replaceWithFullwidthChars("', '");
const prefix = replaceWithFullwidthChars("['");
const suffix = replaceWithFullwidthChars("']");
const textFW3 = [
  prefix,
  ...replaceWithFullwidthChars("86753-89").split("").join(infix),
  suffix
].join("");
// '［＇８＇， ＇６＇， ＇７＇， ＇５＇， ＇３＇， ＇－＇， ＇８＇， ＇９＇］'

Usage with prompt() and clipboard.writeText()

Plus an confirm() to select between the generated FW string, or that FW string but uppercase and with spaced characters:

const txtIn = prompt("Input text to FW")
const txtFw = replaceWithFullwidthChars(txtIn)
const txtFw2 = replaceWithFullwidthChars(txtIn.toUpperCase()).split("").join(" ")
const is1 = confirm(`🆗:\n${txtFw}\n\n🚫:\n${txtFw2}`)

document.body.focus();
oldFocus.focus();
setTimeout(() => {
  try {
    navigator.clipboard.writeText(is1 ? txtFw : txtFw2)
  } catch (e) {
    alert(`❌ Failed:\n${e}`)
  }
}, 50)

bookmarklet2.min.js

javascript:(()=>{const e=new Map("0０ 1１ 2２ 3３ 4４ 5５ 6６ 7７ 8８ 9９ 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Ｚ 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ｚ !！ @＠ #＃ $＄ %％ ^＾ &＆ *＊ (（ )） -－ _＿ +＋ =＝ ,， .． /／ |｜ <＜ >＞ ;； :： \"＂ '＇ \\＼ ?？ [［ ]］ {｛ }｝ %60｀ ~～".split(" ").map((e=>e.split("")))),t=t=>t.split("").map((t=>e.get(t)||t)).join(""),p=prompt("Input text to FW"),i=e=>%60<div style="display: flex; gap: 10px; margin: 5px; align-items: center; padding: 5px 10px"><button style="background: #d3efd2;line-height: 24px;border: 1px solid #999;border-radius: 4px;width: 36px;height: 36px;flex: 0 0 36px;display: flex;justify-content: center;align-items: center;" onclick="navigator.clipboard.writeText(this.parentElement.querySelector('p').innerText); this.parentElement.style.background='green';">📋</button><p style="line-height: 1; white-space: pre-wrap;">${e}</p></div>%60,n=(e,t)=>%60｢${t?" ":""}${e}${t?" ":""}｣%60;let o='<div style="position:fixed; z-index:9999999; left:50%; top:50px; background:#2e553c; color:#FFF; display:block; min-width: 200px; max-width: 80vw; transform: translateX(-50%); font-family: sans-serif; font-size: 18px; box-shadow: 0 0 80px 5px #FFF, 0 0 160px 5px #FFF, 0 0 240px 5px #FFF;"><div style="background: #30695f;font-size: 24px;display: flex;gap: 10px;align-items: center;border-bottom: 1px solid;padding: 5px 5px 5px 20px;"><span style="margin-right: auto; font-size: 11px;letter-spacing: 0.5px;font-family: monospace;opacity: 0.8;">FULLWIDTH TEXT RESULTS:</span><button style="background: #d3efd2;line-height: 24px;border: 1px solid #999;border-radius: 4px;width: 36px;height: 36px;display: flex;justify-content: center;align-items: center;" onclick="this.parentElement.parentElement.remove()">✖%EF%B8%8F</button></div>';o+=i(t(p)),o+=i(n(t(p))),o+=i(t(p).split("").join(" ")),o+=i(n(t(p).split("").join(" "),!0)),o+=i(t(p.toUpperCase())),o+=i(n(t(p.toUpperCase()))),o+=i(t(p.toUpperCase()).split("").join(" ")),o+=i(n(t(p.toUpperCase()).split("").join(" "),!0)),o+="</div>",document.body.innerHTML+=o})();

replaceFW.bookmarklet.js

// EDIT
// Minified code, in javascript:(() => {})() syntax,
// To save as a bookmarklet:
javascript:(()=>{const t=document.activeElement;function n(t){const n=[];return t.split("").forEach((t=>{const e=o.get(t);e?n.push(e):n.push(t)})),n.join("")}const o=new Map("0０ 1１ 2２ 3３ 4４ 5５ 6６ 7７ 8８ 9９ 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Ｚ 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ｚ !！ @＠ #＃ $＄ %％ ^＾ &＆ *＊ (（ )） -－ _＿ +＋ =＝ ,， .． /／ |｜ <＜ >＞ ;； :： \"＂ '＇ \\＼ ?？ [［ ]］ {｛ }｝ `｀ ~～".split(" ").map((t=>t.split("")))),e=prompt("Input text to FW"),c=n(e),i=n(e.toUpperCase()).split("").join(" "),p=confirm(`🆗:\n${c}\n\n🚫:\n${i}`);document.body.focus(),t.focus(),setTimeout((()=>{try{navigator.clipboard.writeText(p?c:i)}catch(t){alert(`❌ Failed:\n${t}`)}}),50)})();

//
// also, smaller code for the character Map:
const mapCharToFW = new Map(
  '0０ 1１ 2２ 3３ 4４ 5５ 6６ 7７ 8８ 9９ 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Ｚ 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ｚ !！ @＠ #＃ $＄ %％ ^＾ &＆ *＊ (（ )） -－ _＿ +＋ =＝ ,， .． /／ |｜ <＜ >＞ ;； :： "＂ \'＇ \\＼ ?？ [［ ]］ {｛ }｝ `｀ ~～'
  .split(' ')
  .map((x) => x.split(''))
)

replaceWithFullwidthChars.js

// Reference:
// https://symbl.cc/en/unicode/blocks/halfwidth-and-fullwidth-forms/#overview

// Usage:
//
// const txt = "Sphinx Of Black Quartz - Judge My Vow";
//
// replaceWithFullwidthChars(txt)
// 'Ｓｐｈｉｎｘ Ｏｆ Ｂｌａｃｋ Ｑｕａｒｔｚ － Ｊｕｄｇｅ Ｍｙ Ｖｏｗ'
//
// replaceWithFullwidthChars(txt.toUpperCase()).split("").join(" ")
// 'Ｓ Ｐ Ｈ Ｉ Ｎ Ｘ   Ｏ Ｆ   Ｂ Ｌ Ａ Ｃ Ｋ   Ｑ Ｕ Ａ Ｒ Ｔ Ｚ   －   Ｊ Ｕ Ｄ Ｇ Ｅ   Ｍ Ｙ   Ｖ Ｏ Ｗ'

// Another usage example:
//
// (() => {
//   const infix = replaceWithFullwidthChars("', '");
//   const prefix = replaceWithFullwidthChars("['");
//   const suffix = replaceWithFullwidthChars("']");
//   return [prefix, ...replaceWithFullwidthChars("86753-89").split("").join(infix), suffix].join("");
// })()
// '［＇８＇， ＇６＇， ＇７＇， ＇５＇， ＇３＇， ＇－＇， ＇８＇， ＇９＇］'

function replaceWithFullwidthChars(text) {
  if (!(typeof text === 'string' || text instanceof String)) {
    throw new TypeError("'text' must be a string")
  }

  const replacedArr = [];
  text.split('').forEach((char) => {
    const fwChar = mapCharToFW.get(char);
    if (fwChar) {
      replacedArr.push(fwChar);
    } else {
      replacedArr.push(char);
    }
  })
  return replacedArr.join("")
}

const mapCharToFW = new Map([
  [ "0", "０"], [ "1", "１"], [ "2", "２"],
  [ "3", "３"], [ "4", "４"], [ "5", "５"],
  [ "6", "６"], [ "7", "７"], [ "8", "８"],
  [ "9", "９"],

  [ "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", "Ｚ"],

  [ "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", "ｚ"],

  [ "!", "！"], [ "@", "＠"], [ "#", "＃"],
  [ "$", "＄"], [ "%", "％"], [ "^", "＾"],
  [ "&", "＆"], [ "*", "＊"], [ "(", "（"],
  [ ")", "）"], [ "-", "－"], [ "_", "＿"],
  [ "+", "＋"], [ "=", "＝"],

  [ ",", "，"], [ ".", "．"], [ "/", "／"],
  [ "|", "｜"], [ "<", "＜"], [ ">", "＞"],
  [ ";", "；"], [ ":", "："], [ "\"", "＂"],
  [ "'", "＇"], [ "\\", "＼"], [ "?", "？"],
  [ "[", "［"], [ "]", "］"], [ "{", "｛"],
  [ "}", "｝"], [ "`", "｀"], [ "~", "～"]
])