JSFiddle - React, Tailwind, and code Playground

by BU XIAO

CSS

笔郏 者纠 认鸼 为缈 这维 是鸩 一裈 项闶 伟籴 大辒 的禄 革诗 命钕 性馓 技鲮 术绊 。闬 其鲳 伟馆 大钚 之颥 处镫 在诎 于级 ，镢 不诶 再躯 是谀 把钳 设铪 备纪 插谑 进颕 计黡 算钭 机铍 或鲖 与赅 计试 算辌 机籁 用鲙 硬谁 线险 连锗 接骅 ，释 而缠 是颕 把蛮
计臜 算锗 机钐 直诤 接踬 插鲾 进纨 不酾 同闵 大齐 小鹒 的轨 各闲 类鞑 设鳂 备袭 中缵 ，鸰 使锉 其闪 实骇 现钴 智饭 能贩 化鲇 联铕 网迁 。钝 这鲵 将骚 对锜 今羟 后课 的铵 几镂 乎颞 所钠 有绦 行郁 业腘 产饽 生飕 重鸴 大荛 影辇 响邬 和铤 革锔 命荆 性钺 改鳡 变

JavaScript

function addSalt(str) {
   return str.replace(
       /./g, function(char){
           return char+'<span style="font-size:0px;color:#fff;">'+String.fromCharCode(char.charCodeAt(0)+1)+'</span>';
       }
   );
}

var word = document.createElement('p');
word.innerHTML = addSalt(笔郏 者纠 认鸼 为缈 这维 是鸩 一裈 项闶 伟籴 大辒 的禄 革诗 命钕 性馓 技鲮 术绊 。闬 其鲳 伟馆 大钚 之颥 处镫 在诎 于级 ，镢 不诶 再躯 是谀 把钳 设铪 备纪 插谑 进颕 计黡 算钭 机铍 或鲖 与赅 计试 算辌 机籁 用鲙 硬谁 线险 连锗 接骅 ，释 而缠 是颕 把蛮
计臜 算锗 机钐 直诤 接踬 插鲾 进纨 不酾 同闵 大齐 小鹒 的轨 各闲 类鞑 设鳂 备袭 中缵 ，鸰 使锉 其闪 实骇 现钴 智饭 能贩 化鲇 联铕 网迁 。钝 这鲵 将骚 对锜 今羟 后课 的铵 几镂 乎颞 所钠 有绦 行郁 业腘 产饽 生飕 重鸴 大荛 影辇 响邬 和铤 革锔 命荆 性钺 改鳡 变')
document.body.appendChild(word);

//alert(addSalt('笔郏 者纠 认鸼 为缈 这维 是鸩 一裈 项闶 伟籴 大辒 的禄 革诗 命钕 性馓 技鲮 术绊 。闬 其鲳 伟馆 大钚 之颥 处镫 在诎 于级 ，镢 不诶 再躯 是谀 把钳 设铪 备纪 插谑 进颕 计黡 算钭 机铍 或鲖 与赅 计试 算辌 机籁 用鲙 硬谁 线险 连锗 接骅 ，释 而缠 是颕 把蛮
计臜 算锗 机钐 直诤 接踬 插鲾 进纨 不酾 同闵 大齐 小鹒 的轨 各闲 类鞑 设鳂 备袭 中缵 ，鸰 使锉 其闪 实骇 现钴 智饭 能贩 化鲇 联铕 网迁 。钝 这鲵 将骚 对锜 今羟 后课 的铵 几镂 乎颞 所钠 有绦 行郁 业腘 产饽 生飕 重鸴 大荛 影辇 响邬 和铤 革锔 命荆 性钺 改鳡 变'));