用html+javascript打造公文一键排版系统13：增加半角字符和全角字符的相互转换功能
一、实践发现了bug和不足
今天用了公文一键排版系统对几个PDF文件格式的材料进行文字识别后再重新排版，处理效果还是相当不错的，节约了不少的时间。
但是也发现了三个需要改进的地方：
（一）发现了两个bug：
1.二级标题排版格式中css的text-indent属性的单位忘记从em改为pt，结果排版时二级标题显示几乎变成居中了。
2.存储温馨提示信息的变量a初始值设为null，结果在输出a时null也被当成字符串符显示了，应设为为""。
这两个均已debug了。
（二）文字识别经常将标点符号识别为半角的符号，排版出来不够美观。
（三）文字识别会添加一些空格，排版出来不够美观。
二、明确了改进方向
针对上面发现的不足，决定给一键排版系统增加两项功能：
-
半角标点符号和全角标点符号相互转换的功能按钮。
-
删除空格的的功能按钮
三、实现半角标点符号和全角标点符号相互转换
先实现上面列的第1项功能。
在网上搜索了一下，已经有网友做过分析，并分享了实现这个功能的代码。
拥有全角与半角之分的ASCII字符范围：0x20~0x7E。
除了空格（0x20）外，其他的字符中，全角与半角均相差：0xFFE0。全角空格的代码为：0x03000 。
因此，在全角与半角的字符转换中，除空格需要特殊处理外：
全角 = 半角 + 0xFEE0
半角 = 全角 - 0xFFE0
半角字符的代码范围：
在网友们分享的代码基础上做了一点改进。
<!DOCTYPE HTML>
<HTML>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="Author" content="PurpleEndurer"><title>公文一键排版系统</title>
</head>
<body>
<fieldset style="width: 1100px;"><legend>实时编辑区</legend><iframe id="editor" width="1200px" height="400px" style="border: solid 1px;"></iframe>
</fieldset>
<p>全角和半角字符转换：<input type="button" id="btnHalf2Full" value="半角转全角" onclick="edRichBody.innerText=half2Full(edRichBody.innerText)" style="background:blue; color:white; border-radius: 25px;" /><input type="button" id="btnFull2Half" value="全角转半角" onclick="edRichBody.innerText=full2Half(edRichBody.innerText)" style="background:green; color:white; border-radius: 25px;" />
</p><script>const edRich = document.getElementById("editor");
var edRichDoc;
var edRichBody;if (typeof(edRich) != "undefined"){edRichDoc = edRich.contentWindow.document;edRichDoc.designMode = "on";edRichDoc.contentEditable = true;edRichBody = edRichDoc.body;edRichBody.innerHTML = '<p><a href="http://blog.csdn.net/purpleendurer">http://blog.csdn.net/purpleendurer</a></p><p></p><p style="font-family:方正小标宋简体;font-size:22pt; text-align:center; line-height:28pt;"><p align="center" style="text-align:center;text-indent:24.0pt;line-height:28.0pt"><span lang="EN-US" style="font-size:22.0pt;font-family:方正小标宋简体;mso-hansi-font-family:黑体;color:black">SQL</span><span style="font-size:22.0pt;font-family:方正小标宋简体;mso-hansi-font-family:黑体;color:black">注入基础<span lang="EN-US"><o:p></o:p></span></span></p><p style="text-indent:2em;">河池市××局、 市×× 局： </p><p style="text-indent:24.0pt;line-height:28.0pt;font-variant-ligatures: normal;font-variant-caps: normal;orphans: 2;text-align:start;widows: 2;-webkit-text-stroke-width: 0px;text-decoration-thickness: initial;text-decoration-style: initial;text-decoration-color: initial;word-spacing:0px"><span style="font-size:16.0pt;font-family:黑体;color:black">一、<span lang="EN-US">SQL</span>注入分类<span lang="EN-US"><o:p></o:p></span></span></p><p style="text-indent:24.0pt;line-height:28.0pt;font-variant-ligatures: normal;font-variant-caps: normal;orphans: 2;text-align:start;widows: 2;-webkit-text-stroke-width: 0px;text-decoration-thickness: initial;text-decoration-style: initial;text-decoration-color: initial;word-spacing:0px"><b><span style="font-size:16.0pt;font-family:楷体_GB2312;color:black">（一）什么是<span lang="EN-US">SQL</span>注入<span lang="EN-US">?<o:p></o:p></span></span></b></p><p style="text-indent:24.0pt;line-height:28.0pt;font-variant-ligatures: normal;font-variant-caps: normal;orphans: 2;text-align:start;widows: 2;-webkit-text-stroke-width: 0px;text-decoration-thickness: initial;text-decoration-style: initial;text-decoration-color: initial;word-spacing:0px"><span lang="EN-US" style="font-size:16.0pt;font-family:仿宋_GB2312;color:black">SLQ</span><span style="font-size:16.0pt;font-family:仿宋_GB2312;color:black">注入<span lang="EN-US">(</span>英文<span lang="EN-US">: Sqlinject)</span>：当<span lang="EN-US">web</span>应用向后台数据库传递<span lang="EN-US">SQL</span>语句进行数据库操作时，如果对用户输入的参数没有经过严格的过滤，那么用户可以构造特殊的<span lang="EN-US">sq1</span>语句，从而带入到数据库中执行，获取或修改数据库中的数据。<span lang="EN-US"><o:p></o:p></span></span></p><p style="text-indent:24.0pt;line-height:28.0pt;font-variant-ligatures: normal;font-variant-caps: normal;orphans: 2;text-align:start;widows: 2;-webkit-text-stroke-width: 0px;text-decoration-thickness: initial;text-decoration-style: initial;text-decoration-color: initial;word-spacing:0px"><span style="font-size:16.0pt;color:black"> 1.加强技术学习。一要<span lang="EN-US"><o:p></o:p></span></span></p><p style="text-indent:24.0pt;line-height:28.0pt;font-variant-ligatures: normal;font-variant-caps: normal;orphans: 2;text-align:start;widows: 2;-webkit-text-stroke-width: 0px;text-decoration-thickness: initial;text-decoration-style: initial;text-decoration-color: initial;word-spacing:0px"><span style="font-size:16.0pt;color:black"> 2.强化安全保障。一要。<span lang="EN-US"><o:p></o:p></span></span></p><p>附件：河池市××关于××××××××××××××××××××××××××××××××××××××××××××××××××的通知</p><p>附件:河池市××关于××的通知</p><p>附件：河池市××关于××的通知。</p><p>附件：1.河池市××关于××的通 知</p><p>附件：1．河池市××关于××××的通 知 </p><p>2．河池市××关于×× ××的通 知 </p><p>3．河池市××关于×× ××的通 知</p><p>测试1</p><p style="text-indent:24.0pt;line-height:28.0pt;font-variant-ligatures: normal;font-variant-caps: normal;orphans: 2;text-align:start;widows: 2;-webkit-text-stroke-width: 0px;text-decoration-thickness: initial;text-decoration-style: initial;text-decoration-color: initial;word-spacing:0px">河池市××××局</p><p>2023年7月22日</p><p>测试2</p><p>广西壮族自治区河池市××××局</p><p>2023年7月22日</p><p>测试3</p><p>河池市××局</p><p>2023年7月22日</p><p>测试4</p><p>河池市×局</p><p>2023年7月22日</p><p>附件</p><p>附件标题</p><p>附件：</p><p>附件标题</p><p>附 件</p><p>附件标题</p>';
}
else
{window.alert("undefined");
} //功能：半角字符转全角字符
//输入：p=待转换的字符串
//输出：转换后的字符串
//更新：20230803创建
function half2Full(p)
{var r = ""; //resultfor (var i = 0; i < p.length; i++){var c = p.charCodeAt(i);if (c >= 0x0021 && c <= 0x007E){if (c==0x0020) //处理空格{c = 0x03000;}else{//全角与半角相差（除空格外）：65248(十进制)c += 65248;}}//ifr += String.fromCharCode(c);}//forreturn r;
}//half2Full(p)//功能：全角字符转半角字符
//输入：p=待转换的字符串
//输出：转换后的字符串
//更新：20230803创建
function full2Half(p)
{var r = ""; //resultfor(var i = 0; i < p.length; i++){var c = p.charCodeAt(i);if (c >= 0xFF01 && c <= 0xFF5E){if (c==0x03000) //处理空格{c = 0x0020;}else{ //全角与半角相差（除空格外）：65248（十进制）c -= 65248;}//if}r += String.fromCharCode(c);}//for
//alert(r);return r;
}//full2Half(p) </script>
</body>
</html>效果如下图：
下一步我们将增加一些转换选项，比如英文字母、阿拉伯数字、标点符号、空格。
相关文章：
用html+javascript打造公文一键排版系统13：增加半角字符和全角字符的相互转换功能
一、实践发现了bug和不足 今天用了公文一键排版系统对几个PDF文件格式的材料进行文字识别后再重新排版，处理效果还是相当不错的，节约了不少的时间。 但是也发现了三个需要改进的地方： （一）发现了两个bug：…...
元宇宙3D数字虚拟客服打造年轻化、数字化营销新品牌
融合了元宇宙、AI和云计算等技术的虚拟数字人，成为元宇宙数字内容交互的载体，将现实世界中的人与虚拟数字世界的场景、模型及产品链接起来，特别是为电力企业打造的电力元宇宙平台，带来营销宣传多重好处的同时，树立了数…...
micromamba快速安装（windows版本）
快速安装 Micromamba Micromamba 是一个静态链接的 C++ 可执行文件，在 Windows 上就是一个 micromamba.exe 文件，下载下来就直接可以用，甚至都不需要专门安装。唯一需要做的就是设置 Shell 的 Profile 文件，使 micromamba 成为可以在命令行里调用的一个命令。 Micromamba…...
HTML ＜source＞ 标签
实例 拥有两份源文件的音频播放器。浏览器应该选择它所支持的文件（如果有的话）： <audio controls><source src="horse.ogg" type="audio/ogg"><source src="horse.mp3" type="audio/mpeg">Your browser does n…...
香港第一金：加息预期仍令贵金属承压，黄金仍需关注破位情况
香港第一金基本面分析： 中国纸黄金交易通显示，全球最大黄金上市交易基金(ETF)截至06月27日持仓量为925.66吨，较上日减持1.44吨，本月止净减持13.90吨。 周二美国公布的上月新屋销售飙升12.2%，经季节调整后折合成年率为…...
C语言学习笔记 vscode使用外部console-11
前言 在默认情况下，我们运行C语言程序都是在vscode终端的，在小程序运行时这个是没有问题的，但是当程序变得复杂它就不好用了，这时我们可以将这个终端设置为外部console，这样方便处理更多、更复杂的程序。 步骤 1.点击…...
96 | Python 小项目—— 学生成绩管理系统
文章目录 项目概述功能点2. 登录界面3. 主页面4. 数据录入界面5. 数据删除界面6. 数据修改界面7. 数据查询界面8. 成绩排名界面9. 成绩分析界面10. 学生信息查询界面11. 运行和测试总结项目概述 学生成绩管理系统是一个简单的学生课程管理系统，旨在帮助学校或教育机构轻松管理…...
【uniapp使用web-view点击返回报错后返回不了】
问题及解决 问题解决 问题 使用web-view跳转到别人的网站之后点击返回报错，返回不了 解决 使用以下方法 <template><view></view> </template> <script> var wv;//计划创建的webview export default {onLoad() {// #ifdef APP-PL…...
Map Reduce教程_编程入门自学教程_菜鸟教程-免费教程分享
教程简介 MapReduce是一种编程模型，用于大规模数据集（大于1TB）的并行运算。概念"Map（映射）"和"Reduce（归约）"，是它们的主要思想，都是从函数式编程语…...
吉利科技携手企企通，打造集团化数智供应链系统
近日，吉利科技集团有限公司（以下简称“吉利科技”）联合企企通成功召开SRM采购供应链管理项目启动会。企企通与吉利科技高层、项目负责人与团队成员出席此次启动会。 双方将携手在企业供应商全生命周期管理、采购全流程、电子招投标、采购分析…...
2023河南萌新联赛第（四）场：河南大学 F - 小富的idea
2023河南萌新联赛第（四）场：河南大学 F - 小富的idea 时间限制：C/C 1秒，其他语言2秒 空间限制：C/C 262144K，其他语言524288K 64bit IO Format: %lld 题目描述 要注意节约 卷王小富最近又在内卷&a…...
总结线程池
什么是线程池 线程池（Thread Pool）是一种用于管理和复用线程的技术，它可以在多线程编程中有效地管理线程的创建、执行和销毁。是一种有效管理线程的机制，可以提高多线程编程的效率、性能和资源利用率。它在许多并发编程的场景中被…...
基础的 lftp 使用方法
lftp 是一个功能强大的文件传输工具，支持FTP、HTTP、SFTP、FISH等多种协议。它提供了一套丰富的命令，使得文件传输和管理更加简便。以下是一些基础的 lftp 使用方法： 连接到FTP服务器： lftp ftp://username:passwordhostname如果不…...
python之prettytable库的使用
文章目录 一 什么是prettytable二 prettytable的简单使用1. 添加表头2. 添加行3. 添加列4. 设置对齐方式4. 设置输出表格样式5. 自定义边框样式6. 其它功能 三 prettytable在实际中的使用 一 什么是prettytable prettytable是Python的一个第三方工具库，用于创建漂亮…...
google PGS 下一代id
前言：为了进一步增强用户的隐私及其多平台游戏体验，Play 游戏服务(PGS) 正在推出下一代玩家 ID，用户第一次玩游戏时，他们将始终被分配一个唯一的下一代玩家 ID，无论用户在什么设备或平台上玩游戏，该 ID 都将…...
【elasticsearch】关于elasticsearch的max_result_window限制问题的解决方式思考
事情起因：我们使用es作为日志搜索引擎，客户收集到的业务日志非常之大，每次查询后，返回页数较多，由于我们web界面限制每页返回150条，当客户翻到66页之后就会报错。 文章目录 前言 二、实验 1.默认生成20条数…...
音频光耦合器
音频光耦合器是一种能够将电信号转换为光信号并进行传输的设备。它通常由发光二极管（LED）和光敏电阻（光电二极管或光敏电阻器）组成。 在音频光耦合器中，音频信号经过放大和调节后，被转换为电流信号…...
【C++精华铺】3.C++入门 引用（const）、内联函数
目录 1. 引用 1.1 引用特性 1.2 常引用 1.2.1 权限放大 1.2.2 权限缩小 1.3 使用场景 1.3.1 传参 1.3.2 做返回值 1.4 传值和传引用的效率比较 1.5 引用和指针的区别 2. 内联函数 2.1 inline 2.2 特性 1. 引用 在C中，引入了一个新的概念引用，与…...
生态系统服务（InVEST模型）供给与需求、价值核算技术及人类活动、重大工程项目、自然保护区、碳中和等领域中实际案例分析
对接工作实际项目及论文写作，解决参会者关注的重点及实际项目过程问题，采取逐步延伸的逻辑，不论您是小白亦或是已经能够成功运行InVEST模型生成结果，您可以自由选择课程内容，如果您是小白老师手把手教您，如…...
TiDB Serverless 正式商用，全托管的云服务带来数据管理和应用程序开发的全新体验
八 年 前 ，我们构建了 TiDB，一个开源分布式关系型数据库。 我们的目标是重新定义开发者和企业处理数据的方式，满足不断增长的可扩展性、灵活性和性能需求。 从那时起，PingCAP 便致力于为开发者和企业提供快速、灵活和规模化的数据…...
IDEA运行Tomcat出现乱码问题解决汇总
最近正值期末周，有很多同学在写期末Java web作业时，运行tomcat出现乱码问题，经过多次解决与研究，我做了如下整理： 原因： IDEA本身编码与tomcat的编码与Windows编码不同导致，Windows 系统控制台…...
【OSG学习笔记】Day 18: 碰撞检测与物理交互
物理引擎（Physics Engine） 物理引擎 是一种通过计算机模拟物理规律（如力学、碰撞、重力、流体动力学等）的软件工具或库。 它的核心目标是在虚拟环境中逼真地模拟物体的运动和交互，广泛应用于 游戏开发、动画制作、虚…...
【JavaEE】-- HTTP
1. HTTP是什么？ HTTP（全称为"超文本传输协议"）是一种应用非常广泛的应用层协议，HTTP是基于TCP协议的一种应用层协议。 应用层协议：是计算机网络协议栈中最高层的协议，它定义了运行在不同主机上…...
转转集团旗下首家二手多品类循环仓店“超级转转”开业
6月9日，国内领先的循环经济企业转转集团旗下首家二手多品类循环仓店“超级转转”正式开业。 转转集团创始人兼CEO黄炜、转转循环时尚发起人朱珠、转转集团COO兼红布林CEO胡伟琨、王府井集团副总裁祝捷等出席了开业剪彩仪式。 据「TMT星球」了解，“超级…...
反射获取方法和属性
Java反射获取方法 在Java中，反射（Reflection）是一种强大的机制，允许程序在运行时访问和操作类的内部属性和方法。通过反射，可以动态地创建对象、调用方法、改变属性值，这在很多Java框架中如Spring和Hiberna…...
Matlab | matlab常用命令总结
常用命令 一、 基础操作与环境二、 矩阵与数组操作（核心）三、 绘图与可视化四、 编程与控制流五、 符号计算 (Symbolic Math Toolbox)六、 文件与数据 I/O七、 常用函数类别重要提示这是一份 MATLAB 常用命令和功能的总结，涵盖了基础操作、矩阵运算、绘图、编程和文件处理等…...
深入解析C++中的extern关键字：跨文件共享变量与函数的终极指南
🚀 C extern 关键字深度解析：跨文件编程的终极指南 📅 更新时间：2025年6月5日 🏷️ 标签：C | extern关键字 | 多文件编程 | 链接与声明 | 现代C 文章目录 前言🔥一、extern 是什么？&…...
如何理解 IP 数据报中的 TTL？
目录 前言理解 前言 面试灵魂一问：说说对 IP 数据报中 TTL 的理解？我们都知道，IP 数据报由首部和数据两部分组成，首部又分为两部分：固定部分和可变部分，共占 20 字节，而即将讨论的 TTL 就位于首…...
3-11单元格区域边界定位(End属性)学习笔记
返回一个Range 对象，只读。该对象代表包含源区域的区域上端下端左端右端的最后一个单元格。等同于按键 End 向上键(End(xlUp))、End向下键(End(xlDown))、End向左键(End(xlToLeft)End向右键(End(xlToRight)) 注意：它移动的位置必须是相连的有内容的单元格…...
Rapidio门铃消息FIFO溢出机制
关于RapidIO门铃消息FIFO的溢出机制及其与中断抖动的关系，以下是深入解析： 门铃FIFO溢出的本质 在RapidIO系统中，门铃消息FIFO是硬件控制器内部的缓冲区，用于临时存储接收到的门铃消息（Doorbell Message）。…...