<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<input type="file" name="file" id="file">
<script>
let str = `<p>豫章故郡，洪都新府。星分翼轸，<strong>地接衡庐</strong>。襟三江而带五湖，控蛮荆而引瓯越。物华天宝，龙光射牛斗之墟；人杰地灵，徐孺下陈蕃之榻。雄州雾列，俊采星驰。台隍枕夷夏之交，宾主尽东南之美。<strong>都督阎公之雅望</strong>，棨戟遥临；宇文新州之懿范，襜帷暂驻。十旬休假，胜友如云；<strong>千里逢迎</strong>，高朋满座。腾蛟起凤，孟学士之词宗；紫电青霜，王将军之武库。家君作宰，路出名区；<strong>童子何知</strong>，躬逢胜饯。</p>
<p> </p>
<p>时维九月，序属三秋。潦水尽而寒潭清，<strong>烟光凝而暮山紫</strong>。俨骖騑于上路，访风景于崇阿；临帝子之长洲，得天人之旧馆。层峦耸翠，上出重霄；飞阁流丹，下临无地。鹤汀凫渚，穷岛屿之萦回；桂殿兰宫，即冈峦之体势。</p>
<p> </p>
<p>披绣闼，俯雕甍，山原旷其盈视，川泽纡其骇瞩。闾阎扑地，钟鸣鼎食之家；舸舰弥津，青雀黄龙之舳。云销雨霁，彩彻区明。落霞与孤鹜齐飞，秋水共长天一色。渔舟唱晚，响穷彭蠡之滨；雁阵惊寒，声断衡阳之浦。</p>
<p> </p>
<p>遥襟甫畅，逸兴遄飞。爽籁发而清风生，纤歌凝而白云遏。睢园绿竹，气凌彭泽之樽；邺水朱华，光照临川之笔。四美具，二难并。穷睇眄于中天，极娱游于暇日。天高地迥，觉宇宙之无穷；兴尽悲来，识盈虚之有数。望长安于日下，目吴会于云间。地势极而南溟深，天柱高而北辰远。关山难越，谁悲失路之人？萍水相逢，尽是他乡之客。怀帝阍而不见，奉宣室以何年？</p>
<p> </p>
<p>嗟乎！时运不齐，命途多舛。冯唐易老，李广难封。屈贾谊于长沙，非无圣主；窜梁鸿于海曲，岂乏明时？所赖君子见机，达人知命。老当益壮，宁移白首之心？穷且益坚，不坠青云之志。酌贪泉而觉爽，处涸辙以犹欢。北海虽赊，扶摇可接；东隅已逝，桑榆非晚。孟尝高洁，空余报国之情；阮籍猖狂，岂效穷途之哭！</p>
<p> </p>
<p>勃，三尺微命，一介书生。无路请缨，等终军之弱冠；有怀投笔，慕宗悫之长风。舍簪笏于百龄，奉晨昏于万里。非谢家之宝树，接孟氏之芳邻。他日趋庭，叨陪鲤对；今兹捧袂，喜托龙门。杨意不逢，抚凌云而自惜；钟期既遇，奏流水以何惭？</p>
<p> </p>
<p>呜乎！胜地不常，盛筵难再；兰亭已矣，梓泽丘墟。临别赠言，幸承恩于伟饯；登高作赋，是所望于群公。敢竭鄙怀，恭疏短引；一言均赋，四韵俱成。请洒潘江，各倾陆海云尔：</p>
<p> </p>
<p>滕王高阁临江渚，佩玉鸣鸾罢歌舞。</p>
<p> </p>
<p>画栋朝飞南浦云，珠帘暮卷西山雨。</p>
<p> </p>
<p>闲云潭影日悠悠，物换星移几度秋。</p>
<p> </p>
<p>阁中帝子今何在？槛外长江空自流。</p>`
function randomString(len) {
len = len || 16;
let $chars = 'ABCDEFGHJKMNOPQRSTWXYZabcdefhijkmnopqrstwxyz123456789';
let maxPos = $chars.length;
let pwd = '';
for (let i = 0; i < len; i++) {
pwd += $chars.charAt(Math.floor(Math.random() * maxPos));
}
return pwd;
}
function convertIdeogramToNormalCharacter(val) {
const arrEntities = {
lt: "<",
gt: ">",
nbsp: " ",
amp: "&",
quot: '"',
};
return val.replace(/&(lt|gt|nbsp|amp|quot);/gi, function (all, t) {
return arrEntities[t];
});
}
const getPlainText = (richCont) => {
const str = richCont;
let value = richCont;
if (richCont) {
// 方法一：
value = value.replace(/\s*/g, ""); // 去掉空格
value = value.replace(/<[^>]+>/g, ""); // 去掉所有的html标记
value = value.replace(/↵/g, ""); // 去掉所有的↵符号
value = value.replace(/[\r\n]/g, ""); // 去掉回车换行
value = value.replace(/ /g, ""); // 去掉空格
value = convertIdeogramToNormalCharacter(value);
return value;
} else {
return null;
}
};
let onlyText = getPlainText(str)
let answerTags = str.match(/<strong>(.*?)<\/strong>/g).map(function (val) {
return val.replace(/<\/?strong>/g, '');
});
answerTags.forEach(item => {
onlyText = onlyText.replace(item, `$${item}$`)
})
let newText = onlyText
console.log(answerTags);
answerTags.forEach(item => {
newText = newText.replace(new RegExp(item,'g'), `${randomString(item.length)}`)
})
console.log(newText);
</script>
</body>
</html>
© 本文著作权归作者所有，转载前请务必署名