如何修复三方库bug:marked.js 15.0.6 bug修复经过

marked一个非常流行的markdown格式解析器。

它在npmjs上的周下载量达500万之巨。

在其最新的version 15.0.6版本(2025年1月8日使用),有处小bug:当在窄屏显示状态下,如手机端。代码会超出所在div,超出部分内容不可见。

如下图所示:

虽然是个非正常显示的小bug,但还是要解决它。

修复方法:

针对marked前端的压缩包marked.min.js,在代码中找到class="language-",这是设置语言class的位置。

再给它增加style,设置white-space为break-spaces。即可解决此问题,如下图:

修复后超出部分内容会自动换行,不会显示在屏幕之外了:

题外话:js代码安全

在上面的bug修复过程中,是从js代码中搜索"language"字符串后进行的功能修改。如果我们不想希望自己发布的代码被它人随意修改,可以将JS代码进行混淆加密。

前面提到的marked.min.js文件代码。用JShaman、JS-Obfuscator、JsJiaMi.online之类的专业工具进行代代码混淆后,如上图所示,不但加密了代码,还隐藏了关键字,就很难被它人非法修改了。

相关推荐
编程小筑2 分钟前
Clojure语言的面向对象编程
开发语言·后端·golang
jie188945758663 分钟前
c语言----------小知识
c语言·开发语言
Allen Bright12 分钟前
【JVM-1】深入解析JVM:Java虚拟机的核心原理与工作机制
java·开发语言·jvm
肖老师xy16 分钟前
h5使用better scroll实现左右列表联动
前端·javascript·html
2401_8582861118 分钟前
123.【C语言】数据结构之快速排序挖坑法和前后指针法
c语言·开发语言·数据结构·算法·排序算法
一路向北North21 分钟前
关于easyui select多选下拉框重置后多余显示了逗号
前端·javascript·easyui
Libby博仙24 分钟前
.net core 为什么使用 null!
javascript·c#·asp.net·.netcore
一水鉴天24 分钟前
为AI聊天工具添加一个知识系统 之26 资源存储库和资源管理器
前端·javascript·easyui
_WndProc26 分钟前
【C++/控制台】2048小游戏
开发语言·c++·游戏·游戏程序
白白白白纸呀29 分钟前
ADO.NET知识总结6---SqlDataAdapter桥接器
开发语言·c#·.net