用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 便致力于为开发者和企业提供快速、灵活和规模化的数据…...
PXE-kickstart无人值守安装操作系统
PXE的概念： PXE（Pre-boot Execution Environment，预启动执行环境）是由Intel公司开发的最新技术，工作于C/S的网络模式，支持工作站通过网络从远端服务器下载映像，并由此支持通过网络启动操作系统…...
使用Flask.Request的方法和属性，获取get和post请求参数（二）
1、Flask中的request 在Python发送Post、Get等请求时，我们使用到requests库。Flask中有一个request库，有其特有的一些方法和属性，注意跟requests不是同一个。 2、Post请求：request.get_data() 用于服务端获取客户端请求数据。注…...
解决 idea maven依赖引入失效，无法正常导入依赖问题
解决 idea maven依赖引入失效，无法正常导入依赖问题_idea无法导入本地maven依赖_普通网友的博客-CSDN博客 解决 idea maven依赖引入失效，无法正常导入依赖问题 idea是真的好用，不过里面的maven依赖问题有时候还真挺让人头疼，不少小…...
Python之集合（set）基础知识点
文章目录 1. 创建集合2. 获取集合的元素个数3. 向集合中添加元素4. 从集合中移除元素5. 判断元素是否在集合中6. 遍历集合7. 常用的集合操作7.1 并集7.2 交集7.3 差集 在Python中，集合（Set）是一种无序且不重复的数据结构。它是由一组用花括号…...
flutter 没有open android module in Android studio 插件代码爆红
参考 1.结论 其实就是缺少这个文件 2.解决方案有两个 2.1 方案一 手动创建一个,命名规则是项目名字‘_android’‘.iml’ 内容如下: <?xml version"1.0" encoding"UTF-8"?> <module type"JAVA_MODULE" version"4">&l…...
计算机网络实验2：网络嗅探
文章目录 1. 主要教学内容2. Wireshark介绍3. Wireshark下载4. 使用Wireshark捕获包4.1 选择网卡4.2 停止抓包4.3 保存数据 5. Wireshark的过滤规则6. Wireshark实例 1. 主要教学内容 实验内容：安装、学习使用网络包分析工具Wireshark。所需学时：1。重难…...
智慧防灾：数字孪生技术的应用
最近的“杜苏芮”“卡努”有没有对大家产生影响呢？ 频繁发生的台风和其他自然灾害引起了人们对于灾害预防和应对的高度关注。在这种背景下，数字孪生作为一项前沿技术，为灾害预防领域提供了全新的解决方案。本文就带大家了解一下数字孪生技术…...
Google 扫码器（仅限 Android）
Google 扫码器（仅限 Android） Google Code Scanner API 提供了全面的扫描解决方案，无需您的应用请求相机权限，同时保护用户隐私。这是通过将扫描代码委托给 Google Play 服务并仅将扫描结果返回给您的应用来完成的（视…...
pandoc word转markdown之后正则修改
问题 用pandoc工具将doc文件转换为markdown文件后，有关图片的处理会变成： (./url路径){width“3.46875in” height“1.0729166666666667in”} 但是我要展示到前端的，前端组件用的v-md-preview，结果展示的时候，后面的宽…...
使用Python和wxPython将图片转换为草图
导语: 将照片转换为艺术风格的草图是一种有趣的方式，可以为您的图像添加独特的效果。在本文中，我们将介绍如何使用Python编程语言和wxPython图形用户界面库来实现这一目标。我们将探讨如何使用OpenCV库将图像转换为草图，并使用wxPython创建一…...
分析seo做的不好的网站/网络营销是干嘛的
一对一，和一对多的简单问题就部说了，直接来多对多这样的问题吧。首现关系映射为这样的：/// /// 对应数据库中dbo.Address表/// [DataContract][Table("Address", Schema "dbo")]public class AddressInfo{public Addres…...
人民日报客户端跟人民日报的区别/前端seo主要优化哪些
您可插入连续的数字、显式值或重置在 SERIAL、BIGSERIAL 或 SERIAL8 列中值的显式值： 要插入连续的串行值 为 INSERT 语句中的串行列指定零（0）。在此情况下，数据库服务器指定下一最高值。 要插入显式值 首先验证在表中没有重复…...
百度网盘可以做网站吗/跨境电商营销推广
C语言 个人笔记 在这里，我将整理我个人在学习C/C遇到的一些零碎的问题或者知识点。它们零零碎碎，不成体系。这只是一篇笔记。 1.strcmp() 函数 头文件<string.h>函数原型int strcmp(const char *str1, const char *str2)功能描述用于比较两个字…...
srm供应商平台/seo关键词推广方式
以前在应用中使用到了Speex编解码，近来总结了一下Speex在android上的实现。Speex是一套主要针对语音的开源免费，无专利保护的音频压缩格式。Speex工程着力于通过提供一个可以替代高性能语音编解码来降低语音应用输入门槛 。另外，相对于其它编…...
做bjd娃娃的手工网站/杭州新站整站seo
jQuery鼠标换轮滚动事件1、鼠标混轮滚动事件2、添加class属性3、实现屏幕滚动效果css代码部分html与javascript部分1、鼠标混轮滚动事件 代码如下所示： <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8">…...
新闻类网站怎么建设/东莞网络优化哪家好
最近听圈内朋友说了这么一句话：“现在创业公司比员工还多！”作为创业公司的创始人，好多难题摆在眼前： 新招来的销售经理没有太多销售经验，成天在外跑客户却不见数字，怎么办？ 新兴行业销售人才缺…...