pencil code代码着色版更新说明
<style>.artBox { margin: 20px auto; font: normal 18px/26px sans-serif; }
.artBox p { margin: 10px 0; }
.artBox mark { padding: 2px 6px; background: #ccc; }
</style>
<div class="artBox">
<p>pencil-code 是一个在线Web编辑器，相较于后来开发的简易Web编辑器，它提供更多的辅助性功能，代码着色版使用体验更为接近现代代码编辑器。此次更新代码着色版pencil code，主要是：</p>
<p>一、<strong>修正业已发现的问题</strong>，包括使用标准、现代的机制平替已被明确废弃的相关属性和方法、更正算法上的瑕疵、优化部分功能的实现机制。</p>
<p>二、<strong>加入键盘成对符号的自动补全功能</strong>，这些符号前导部分是 <mark>`"'{[(< </mark></>，输入其中任意一个，对应符号的后续符号会自动补上，支持空输入和选词后的输入。
<p>三、<strong>加入行移动</strong>。支持单行移动、连续多行移动，操作方法是：点击任意行或选择任意行（多行）的任意字符，按下 alt 键，此时光标所在行或连续多行会被全行选中，保持 alt 键按下状态，再按向上或向下箭头键，选中行会上下逐行移动、直至移动到编辑框的最开头或最末尾处。alt 键单独按下也是选中光标所在行或选区连续行的操作方法。针对单行，alt 按下操作等效于点击编辑框左侧的行号数字。</p>
<p>其它相关说明——</p>
<p><strong>关于编辑器</strong>：使用 contenteditable="plaintext-only" 的 div 模拟。contenteditable 为 H5 属性，自 2015年7月起被主流浏览器所支持，其值之一 plaintext-only 用于规范可编辑 HTML 标签只支持纯文本输入，Chrome 51+、Edge 12+、Firefox 136+、Opera 36+、Safari 5+ 均已支持。</p>
<p>div模拟的编辑器，可控难度要比纯文本标签大得多，但其内文本节点的可操作性要比纯文本标签的 value 有显著优势。</p>
<p><strong>关于代码着色</strong>：使用 JS Highlight 接口配合 CSS 高亮伪元素 ::highlight 实现代码实时高亮，对代码容器内部DOM结构不产生任何影响。该高亮机制自2025年被现代浏览器广泛支持。</p>
<p>对不支持 Highlight 高亮的浏览器，pencil code 没有做兼容处理。</p>
<p><strong>访问地址：</strong><a href="http://mhh.52qingyin.cn/api/pccc/" target="_blank">pencil code</a>（注意：若近期访问过该页面，打开之后需要硬刷新才能使用最新版本，方法是按 Ctrl + F5）</p>
</div> 说明很清楚，恭喜马老师成功更新pencil code代码着色版{:4_190:} 黑黑已经做得那么仔细了，还在不停的更新中，很赞{:4_199:} 佩服黑黑老师的究研精神，赞一个！{:4_199:} 梦江南 发表于 2026-6-11 17:47
佩服黑黑老师的究研精神，赞一个！
{:4_191:} 红影 发表于 2026-6-11 16:43
黑黑已经做得那么仔细了，还在不停的更新中，很赞
谢赞 杨帆 发表于 2026-6-11 14:32
说明很清楚，恭喜马老师成功更新pencil code代码着色版
本来是举手之劳吧，时间关系，拖久了点 本帖最后由 杨帆 于 2026-6-14 17:29 编辑
马黑黑 发表于 2026-6-11 20:49
本来是举手之劳吧，时间关系，拖久了点
访问pencil code：http://mhh.52qingyin.cn/api/pccc/，硬刷新后代码未着色，不知其因？请马老师修复{:4_180:} 杨帆 发表于 2026-6-14 14:26
访问pencil code：http://mhh.52qingyin.cn/api/pccc/，硬刷新后代码未着色，不知其因？请马老师修复{:4_ ...
更新时可能出现了不合适的修改，正在排查 本帖最后由 杨帆 于 2026-6-14 20:17 编辑
马黑黑 发表于 2026-6-14 20:02
更新时可能出现了不合适的修改，正在排查
不急，慢慢核查，马老师您辛苦了{:4_180:} 杨帆 发表于 2026-6-14 20:15
不急，慢慢核查，马老师您辛苦了
已经找到原因，等下上传覆盖。稍后请用硬刷新刷新页面 马黑黑 发表于 2026-6-14 20:18
已经找到原因，等下上传覆盖。稍后请用硬刷新刷新页面
哇，不一般的高手，效率太高了，为马老师点赞{:5_116:}{:5_116:}{:5_116:} 杨帆 发表于 2026-6-14 20:22
哇，不一般的高手，效率太高了，为马老师点赞
感谢你的发现。
实际上，pencil code 正在更新中，近期可能都会有些异常 马黑黑 发表于 2026-6-14 20:24
感谢你的发现。
实际上，pencil code 正在更新中，近期可能都会有些异常
您是pencil code 的首创者、维护者、建设者，大家都是受益者，应该感谢老师您才是呦{:4_190:}
若pencil code 近期有些异常，也是属于正常范畴，pencil code 的迭代升级也必然有个过程{:4_199:} 杨帆 发表于 2026-6-14 20:43
您是pencil code 的首创者、维护者、建设者，大家都是受益者，应该感谢老师您才是呦
若penci ...
现阶段的更新工作也差不多了，还有一个功能需要完善 马黑黑 发表于 2026-6-14 21:16
现阶段的更新工作也差不多了，还有一个功能需要完善
是，创新、进步绝非易事，这是内涵式发展，更是质的提升，马老师您辛苦了{:4_180:} 马黑黑 发表于 2026-6-14 21:16
现阶段的更新工作也差不多了，还有一个功能需要完善
显示正常，祝贺pencil code更新顺利完成{:4_199:}{:4_199:}{:4_199:} 杨帆 发表于 2026-6-15 10:41
显示正常，祝贺pencil code更新顺利完成
下一步更新计划：加入 undo/redo 机制。这个机制得有，因为天然的 撤销/重做没有囊括所有的录入操作 杨帆 发表于 2026-6-14 22:26
是，创新、进步绝非易事，这是内涵式发展，更是质的提升，马老师您辛苦了
这些工具主要是自己要用，所以先后开发了好几个 马黑黑 发表于 2026-6-16 18:07
下一步更新计划：加入 undo/redo 机制。这个机制得有，因为天然的 撤销/重做没有囊括所有的录入操作
是，引入这个机制后每次的更新升级就会持续推进了{:4_190:}
页:
[1]
2