<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>代码 |</title><link>https://clementgodbarge.com/zh/code/</link><atom:link href="https://clementgodbarge.com/zh/code/index.xml" rel="self" type="application/rss+xml"/><description>代码</description><generator>HugoBlox Kit (https://hugoblox.com)</generator><language>zh-cn</language><image><url>https://clementgodbarge.com/media/icon_hu_64a6c3bec25b3d7b.png</url><title>代码</title><link>https://clementgodbarge.com/zh/code/</link></image><item><title>tei-mcp</title><link>https://clementgodbarge.com/zh/code/tei-mcp/</link><pubDate>Sun, 15 Mar 2026 00:00:00 +0000</pubDate><guid>https://clementgodbarge.com/zh/code/tei-mcp/</guid><description>&lt;h2 id="tei-mcp给ai智能体用的tei-p5"&gt;tei-mcp：给AI智能体用的TEI P5&lt;/h2&gt;
&lt;p&gt;tei-mcp是一个开源
服务器，让AI编程助手直接访问
规范。AI不必再倚赖记忆中的训练数据——那往往产出貌似合理、实则错误的标记——而可以实时查询规范。&lt;/p&gt;
&lt;h2 id="功能"&gt;功能&lt;/h2&gt;
&lt;p&gt;服务器解析TEI P5的ODD，提供16个工具：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;按名称&lt;strong&gt;查询&lt;/strong&gt;任何元素、类、宏或模块，不区分大小写，拼错了还会给出建议&lt;/li&gt;
&lt;li&gt;沿完整的TEI类层次&lt;strong&gt;解析属性&lt;/strong&gt;（本地＋继承）&lt;/li&gt;
&lt;li&gt;把&lt;strong&gt;内容模型展开&lt;/strong&gt;成结构化的树，并解析类与宏&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;验证嵌套&lt;/strong&gt;——直接的父子关系，或带路径追踪的递归可达性&lt;/li&gt;
&lt;li&gt;依据TEI P5&lt;strong&gt;验证文档&lt;/strong&gt;：内容模型、属性、封闭取值列表、引用完整性、弃用警告&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;验证单个元素&lt;/strong&gt;，适用于增量编辑的工作流&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;加载ODD定制&lt;/strong&gt;，把模式约束到项目特定的子集&lt;/li&gt;
&lt;li&gt;用正则表达式在所有实体类型中&lt;strong&gt;搜索&lt;/strong&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="安装"&gt;安装&lt;/h2&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-bash" data-lang="bash"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;pip install tei-mcp
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;或直接运行：&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-bash" data-lang="bash"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;uvx tei-mcp
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id="用法"&gt;用法&lt;/h2&gt;
&lt;p&gt;加入任何兼容MCP的客户端（Claude、Cursor、Windsurf等）：&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-json" data-lang="json"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="nt"&gt;&amp;#34;mcpServers&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="nt"&gt;&amp;#34;tei&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="nt"&gt;&amp;#34;command&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="s2"&gt;&amp;#34;uvx&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="nt"&gt;&amp;#34;args&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s2"&gt;&amp;#34;tei-mcp&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;]&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="p"&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="p"&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;源代码与文档见
。&lt;/p&gt;</description></item><item><title>Multi-Saxon</title><link>https://clementgodbarge.com/zh/code/multi-saxon/</link><pubDate>Fri, 28 Mar 2025 00:00:00 +0000</pubDate><guid>https://clementgodbarge.com/zh/code/multi-saxon/</guid><description>&lt;h2 id="multi-saxon大型tei语料库的并行xslt处理"&gt;Multi-Saxon：大型TEI语料库的并行XSLT处理&lt;/h2&gt;
&lt;p&gt;Multi-Saxon填补了XML处理工具的一处要害空白：LXML（一个流行的Python XML库）处理不了的XSLT 2.0和3.0转换，它能并行执行。它专为大型XML TEI文档集合而设计，凭高效的并行执行大幅缩短处理时间。&lt;/p&gt;
&lt;h2 id="主要特性"&gt;主要特性&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;高级XSLT支持&lt;/strong&gt;：处理LXML力所不及的XSLT 2.0和3.0转换&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;并行处理&lt;/strong&gt;：借并行化大幅缩短大型文档集合的转换时间&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;为TEI优化&lt;/strong&gt;：专为文本编码倡议（TEI）XML文档打造&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;性能可扩展&lt;/strong&gt;：从数百到数千份文档的语料库，均可高效处理&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;跨平台&lt;/strong&gt;：可在不同操作系统和环境下运行&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="multi-saxon解决什么问题"&gt;Multi-Saxon解决什么问题&lt;/h2&gt;
&lt;p&gt;使用TEI的数字人文学者常常面临两大难题：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;LXML（常用的Python XML处理库）只支持XSLT 1.0，XSLT 2.0/3.0的高级特性无从使用&lt;/li&gt;
&lt;li&gt;大型TEI语料库若逐份顺序处理，耗时可能长到令人却步&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;Multi-Saxon一举解决这两个问题：借用Saxon的高级XSLT能力，同时把处理分摊到多个核心，性能因此大增。&lt;/p&gt;
&lt;h2 id="实现"&gt;实现&lt;/h2&gt;
&lt;p&gt;Multi-Saxon把Python与Java的Saxon处理器结合起来，构成一条高性能的转换流水线：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;用Java的Saxon库稳健地处理XSLT 2.0/3.0&lt;/li&gt;
&lt;li&gt;以多进程把转换分摊到可用的CPU核心&lt;/li&gt;
&lt;li&gt;高效管理处理器池，以求吞吐量最大化&lt;/li&gt;
&lt;li&gt;为批量处理TEI文档提供简洁的接口&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="用法示例"&gt;用法示例&lt;/h2&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-python" data-lang="python"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="kn"&gt;from&lt;/span&gt; &lt;span class="nn"&gt;multi_saxon&lt;/span&gt; &lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="n"&gt;MultiSaxon&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="c1"&gt;# Initialize with your XSLT stylesheet&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="n"&gt;transformer&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="n"&gt;MultiSaxon&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s2"&gt;&amp;#34;transform.xsl&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="c1"&gt;# Transform a single document&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="n"&gt;transformer&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;transform&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s2"&gt;&amp;#34;input.xml&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="s2"&gt;&amp;#34;output.xml&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="c1"&gt;# Transform an entire directory in parallel&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="n"&gt;transformer&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;transform_directory&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s2"&gt;&amp;#34;input_dir&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="s2"&gt;&amp;#34;output_dir&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id="对数字人文的意义"&gt;对数字人文的意义&lt;/h2&gt;
&lt;p&gt;对处理大型TEI文档集合的数字人文项目，Multi-Saxon让以下成为可能：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;LXML无法完成的复杂全语料库转换&lt;/li&gt;
&lt;li&gt;大幅缩短处理时间（多核系统上常可提速5至10倍）&lt;/li&gt;
&lt;li&gt;借助XSLT 2.0/3.0的高级特性做更精细的分析&lt;/li&gt;
&lt;li&gt;简化整个文档集合的处理流程&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;源代码与文档见
。&lt;/p&gt;</description></item><item><title>persNamer</title><link>https://clementgodbarge.com/zh/code/persnamer/</link><pubDate>Fri, 28 Mar 2025 00:00:00 +0000</pubDate><guid>https://clementgodbarge.com/zh/code/persnamer/</guid><description>&lt;h2 id="persnamer把tei接上虚拟国际规范文档"&gt;persNamer：把TEI接上虚拟国际规范文档&lt;/h2&gt;
&lt;p&gt;
&lt;/p&gt;
&lt;p&gt;persNamer是一个专门的Python工具，简化把VIAF（虚拟国际规范文档，Virtual International Authority File）中的规范人物数据整合进TEI XML文档的流程。它把VIAF标识符转成可直接使用的TEI标记，为数字学术版本创建结构化人物条目的手工劳动因此大减。&lt;/p&gt;
&lt;h2 id="tei中规范控制的难处"&gt;TEI中规范控制的难处&lt;/h2&gt;
&lt;p&gt;数字学术版本往往需要精确识别历史人物，包括规范化的姓名和生卒年月。要在整个项目里保持一致的规范控制，需要：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;识别历史文本中的人物&lt;/li&gt;
&lt;li&gt;查找他们的规范数据&lt;/li&gt;
&lt;li&gt;创建格式正确的TEI条目&lt;/li&gt;
&lt;li&gt;确保全项目引用一致&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;这些步骤通常靠手工，费时，还容易前后不一。&lt;/p&gt;
&lt;h2 id="persnamer如何工作"&gt;persNamer如何工作&lt;/h2&gt;
&lt;p&gt;persNamer把这套流程自动化：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;获取VIAF数据&lt;/strong&gt;：给定一个VIAF标识符，工具通过HTTP内容协商取回RDF数据&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;提取关键信息&lt;/strong&gt;：解析RDF，提取首选姓名、出生日期和死亡日期&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;生成TEI标记&lt;/strong&gt;：创建两段基本的XML片段：
&lt;ul&gt;
&lt;li&gt;一条&lt;strong&gt;规范文档条目&lt;/strong&gt;（&lt;code&gt;&amp;lt;person&amp;gt;&lt;/code&gt;元素，带生成的&lt;code&gt;xml:id&lt;/code&gt;、&lt;code&gt;&amp;lt;persName&amp;gt;&lt;/code&gt;、&lt;code&gt;&amp;lt;birth&amp;gt;&lt;/code&gt;、&lt;code&gt;&amp;lt;death&amp;gt;&lt;/code&gt;和&lt;code&gt;&amp;lt;idno type=&amp;quot;VIAF&amp;quot;&amp;gt;&lt;/code&gt;）&lt;/li&gt;
&lt;li&gt;一个独立的&lt;strong&gt;标注标签&lt;/strong&gt;（&lt;code&gt;&amp;lt;persName&amp;gt;&lt;/code&gt;，其&lt;code&gt;ref&lt;/code&gt;属性指向规范条目）&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;这样双管齐下，校勘者既能维护一份集中的规范文档，又能把标注标签轻松插入TEI文本。&lt;/p&gt;
&lt;h2 id="主要特性"&gt;主要特性&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;标准化ID生成&lt;/strong&gt;：按&lt;code&gt;pers-[familyname]-[givenname initial]&lt;/code&gt;格式生成一致的XML ID（如&lt;code&gt;pers-deteligny-c&lt;/code&gt;）&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;RDF解析&lt;/strong&gt;：用&lt;code&gt;rdflib&lt;/code&gt;从各种RDF属性（如&lt;code&gt;rdfs:label&lt;/code&gt;、&lt;code&gt;schema:name&lt;/code&gt;、&lt;code&gt;viaf:mainHead&lt;/code&gt;）中提取信息&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;命令行界面&lt;/strong&gt;：只需一个VIAF编号作为必要参数即可运行&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;详细输出&lt;/strong&gt;：除最终XML外，还提供详细的处理信息&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="用法示例"&gt;用法示例&lt;/h2&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-bash" data-lang="bash"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;python persNamer.py &lt;span class="m"&gt;314802260&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;这条命令生成：&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-xml" data-lang="xml"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nt"&gt;&amp;lt;person&lt;/span&gt; &lt;span class="na"&gt;xml:id=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;pers-deteligny-c&amp;#34;&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="nt"&gt;&amp;lt;persName&amp;gt;&lt;/span&gt;Charles deTéligny&lt;span class="nt"&gt;&amp;lt;/persName&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="nt"&gt;&amp;lt;birth&amp;gt;&lt;/span&gt;1535&lt;span class="nt"&gt;&amp;lt;/birth&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="nt"&gt;&amp;lt;death&amp;gt;&lt;/span&gt;1572-08-24&lt;span class="nt"&gt;&amp;lt;/death&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="nt"&gt;&amp;lt;idno&lt;/span&gt; &lt;span class="na"&gt;type=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;VIAF&amp;#34;&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;314802260&lt;span class="nt"&gt;&amp;lt;/idno&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nt"&gt;&amp;lt;/person&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nt"&gt;&amp;lt;persName&lt;/span&gt; &lt;span class="na"&gt;ref=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;#pers-deteligny-c&amp;#34;&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;Charles deTéligny&lt;span class="nt"&gt;&amp;lt;/persName&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id="在数字人文中的应用"&gt;在数字人文中的应用&lt;/h2&gt;
&lt;p&gt;persNamer对以下情形尤其有用：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;需要规范控制的数字学术版本&lt;/li&gt;
&lt;li&gt;涉及历史人物的TEI编码项目&lt;/li&gt;
&lt;li&gt;把文献与规范记录相连的关联数据项目&lt;/li&gt;
&lt;li&gt;保证大型TEI语料库的一致性&lt;/li&gt;
&lt;li&gt;在数字人文课程中讲授规范控制概念&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="实现"&gt;实现&lt;/h2&gt;
&lt;p&gt;persNamer用Python实现，依赖：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;code&gt;requests&lt;/code&gt;：HTTP请求&lt;/li&gt;
&lt;li&gt;&lt;code&gt;rdflib&lt;/code&gt;：RDF解析&lt;/li&gt;
&lt;li&gt;&lt;code&gt;lxml&lt;/code&gt;：XML处理&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;源代码与文档见
。&lt;/p&gt;</description></item><item><title>ITA2电报模拟器</title><link>https://clementgodbarge.com/zh/code/baudot-emulator/</link><pubDate>Thu, 13 Feb 2025 00:00:00 +0000</pubDate><guid>https://clementgodbarge.com/zh/code/baudot-emulator/</guid><description>&lt;p&gt;这个ITA2模拟器把抽象的编码概念变得看得见、摸得着，是一件实用的教具。学生敲入文字，眼看着它立刻变成孔洞图案——这一过程中，他们学到的是计算与电信的几个关键概念。&lt;/p&gt;
&lt;h2 id="教学价值"&gt;教学价值&lt;/h2&gt;
&lt;p&gt;首先，它演示了二进制表示——文字如何变成一串串1和0。这一点我们通常讲得很抽象；而亲眼看着纸带上打出一个个孔，学生便更容易明白，物理系统是怎样表示数字信息的。&lt;/p&gt;
&lt;div class="baudot-emulator"&gt;
&lt;h2&gt;ITA2 (Baudot-Murray) Telegraph Type Emulator&lt;/h2&gt;
&lt;p&gt;Type a word in the input below to see its representation on the ITA2 tape.&lt;/p&gt;
&lt;div class="baudot-controls"&gt;
&lt;label for="baudot-input"&gt;Type word:&lt;/label&gt;
&lt;input id="baudot-input" class="text-input" size="50" maxlength="50" /&gt;
&lt;button type="button" id="baudot-ltr-button" class="control-button active"&gt;LTR&lt;/button&gt;
&lt;button type="button" id="baudot-fig-button" class="control-button"&gt;FIG&lt;/button&gt;
&lt;/div&gt;
&lt;div class="tape-outer-container"&gt;
&lt;div class="tape-container"&gt;
&lt;table&gt;
&lt;tbody id="baudot-tape"&gt;&lt;/tbody&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.baudot-emulator {
--light-color: #f3f4f6;
--dark-color: #1f2937;
--light-alt-color: #e5e7eb;
--dark-alt-color: #374151;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
max-width: 100%;
margin: 2rem 0;
padding: 0;
box-sizing: border-box;
}
.baudot-emulator {
--tape-bg: var(--light-color);
--hole-bg: var(--light-color);
--hole-border: #d1d5db;
--punched-bg: var(--dark-color);
--punched-border: var(--dark-color);
--sprocket-bg: var(--light-color);
--sprocket-border: #9ca3af;
--button-bg: var(--light-color);
--button-bg-active: #d1d5db;
--button-text: var(--dark-color);
--button-border: #d1d5db;
--input-bg: white;
--input-border: #d1d5db;
--input-text: var(--dark-color);
--line-number: #6b7280;
}
html.dark .baudot-emulator,
html[data-theme='dark'] .baudot-emulator,
body.dark .baudot-emulator {
--tape-bg: var(--dark-alt-color);
--hole-bg: var(--dark-alt-color);
--hole-border: #4b5563;
--punched-bg: var(--light-color);
--punched-border: var(--light-color);
--sprocket-bg: var(--dark-alt-color);
--sprocket-border: #9ca3af;
--button-bg: var(--dark-alt-color);
--button-bg-active: #4b5563;
--button-text: var(--light-color);
--button-border: #4b5563;
--input-bg: var(--dark-alt-color);
--input-border: #4b5563;
--input-text: var(--light-color);
--line-number: #9ca3af;
}
.baudot-controls {
margin-bottom: 1.5rem;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5rem;
}
.baudot-emulator .text-input {
flex: 1;
min-width: 200px;
padding: 0.5rem;
font-size: 1rem;
border: 1px solid var(--input-border);
border-radius: 4px;
background: var(--input-bg);
color: var(--input-text);
}
.baudot-emulator .control-button {
padding: 0.5rem 1rem;
background: var(--button-bg);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
cursor: pointer;
font-size: 0.9rem;
}
.baudot-emulator .control-button.active {
background: var(--button-bg-active);
font-weight: bold;
}
.tape-outer-container {
padding: 0;
margin-bottom: 1.5rem;
border-radius: 4px;
overflow: hidden;
}
.tape-container {
width: 100%;
overflow-x: auto;
background: var(--tape-bg);
padding: 1rem 0.5rem;
}
.baudot-emulator table {
border-collapse: collapse;
width: 100%;
table-layout: fixed;
border: none;
}
.baudot-emulator tr {
height: 24px;
border: none;
}
.baudot-emulator td {
border: none;
padding: 0;
}
.baudot-emulator .line-number {
width: 20px;
text-align: center;
color: var(--line-number);
font-size: 0.8rem;
padding: 0 8px 0 0;
font-weight: bold;
}
.baudot-emulator .cell {
position: relative;
width: 20px;
height: 20px;
}
.baudot-emulator .cell-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 12px;
height: 12px;
border-radius: 50%;
background: var(--hole-bg);
border: 1px solid var(--hole-border);
}
.baudot-emulator .punched .cell-content {
background: var(--punched-bg);
border: 1px solid var(--punched-border);
}
.baudot-emulator .sprocket-hole {
position: absolute;
left: 50%;
top: 100%;
transform: translate(-50%, -50%);
width: 4px;
height: 4px;
border-radius: 50%;
background: var(--sprocket-bg);
border: 1px solid var(--sprocket-border);
z-index: 2;
}
&lt;/style&gt;
&lt;script&gt;
document.addEventListener('DOMContentLoaded', function() {
initBaudotEmulator();
});
function initBaudotEmulator() {
if (!document.getElementById('baudot-input')) return;
const textInput = document.getElementById('baudot-input');
const tape = document.getElementById('baudot-tape');
const ltrButton = document.getElementById('baudot-ltr-button');
const figButton = document.getElementById('baudot-fig-button');
const ita2Code = {
'A': '00011', 'B': '11001', 'C': '01110', 'D': '01001', 'E': '00001',
'F': '01101', 'G': '11010', 'H': '10100', 'I': '00110', 'J': '01011',
'K': '01111', 'L': '10010', 'M': '11100', 'N': '01100', 'O': '11000',
'P': '10110', 'Q': '10111', 'R': '01010', 'S': '00101', 'T': '10000',
'U': '00111', 'V': '11110', 'W': '10011', 'X': '11101', 'Y': '10101',
'Z': '10001',
'1': '00011', '2': '11001', '3': '01110', '4': '01001', '5': '00001',
'6': '01101', '7': '11010', '8': '10100', '9': '01011', '0': '11000',
'-': '00011', '?': '00100', ':': '01010', '(': '11000', ')': '11101',
'.': '01000', ',': '00010', "'": '10001', '=': '01111', '/': '10011',
'+': '11011', ' ': '00100',
'FIG': '11011', 'LTR': '11111',
};
function generateTape() {
let rows = '';
for (let row = 0; row &lt; 5; row++) {
rows += '&lt;tr&gt;';
rows += `&lt;td class="line-number"&gt;${row + 1}&lt;/td&gt;`;
for (let col = 0; col &lt; 50; col++) {
rows += `&lt;td id="baudot_${row}_${col}" class="cell unpunched"&gt;
&lt;div class="cell-content"&gt;&lt;/div&gt;
${row === 2 ? '&lt;div class="sprocket-hole"&gt;&lt;/div&gt;' : ''}
&lt;/td&gt;`;
}
rows += '&lt;/tr&gt;';
}
tape.innerHTML = rows;
}
function updateITA2Code(word) {
clearTape();
word = word.toUpperCase();
let tapePosition = 0;
let currentCharType = 'LTR';
ltrButton.classList.add('active');
figButton.classList.remove('active');
for (let i = 0; i &lt; word.length; i++) {
const char = word[i];
let code = ita2Code[char] || ita2Code[' '];
let requiredCharType = /[A-Z ]/.test(char) ? 'LTR' : 'FIG';
if (requiredCharType !== currentCharType) {
const shiftCode = requiredCharType === 'LTR' ? ita2Code['LTR'] : ita2Code['FIG'];
punchTape(shiftCode, tapePosition++);
currentCharType = requiredCharType;
ltrButton.classList.toggle('active', currentCharType === 'LTR');
figButton.classList.toggle('active', currentCharType === 'FIG');
}
punchTape(code, tapePosition++);
}
}
function punchTape(code, tapePosition) {
if (tapePosition &gt;= 50) return;
for (let bit = 0; bit &lt; 5; bit++) {
const cell = document.getElementById(`baudot_${bit}_${tapePosition}`);
if (cell) {
cell.className = code[bit] === '1' ? 'cell punched' : 'cell unpunched';
}
}
}
function clearTape() {
for (let i = 0; i &lt; 50; i++) {
for (let bit = 0; bit &lt; 5; bit++) {
const cell = document.getElementById(`baudot_${bit}_${i}`);
if (cell) {
cell.className = 'cell unpunched';
}
}
}
}
generateTape();
textInput.addEventListener('input', function() {
updateITA2Code(this.value);
});
ltrButton.addEventListener('click', function() {
this.classList.add('active');
figButton.classList.remove('active');
if (textInput.value) {
updateITA2Code(textInput.value);
}
});
figButton.addEventListener('click', function() {
this.classList.add('active');
ltrButton.classList.remove('active');
if (textInput.value) {
updateITA2Code(textInput.value);
}
});
if (textInput.value) {
updateITA2Code(textInput.value);
}
}
&lt;/script&gt;
&lt;/div&gt;
&lt;p&gt;LETTERS/FIGURES（字母/数字）换挡机制顺理成章地引出了状态机。学生一试便知：同一个图案，模式不同，代表的字符也不同。有了这种基于状态的编码的亲身体验，往后学更复杂的计算概念便有了根基。&lt;/p&gt;
&lt;h2 id="实现细节"&gt;实现细节&lt;/h2&gt;
&lt;p&gt;模拟器用JavaScript和HTML/CSS写成，可轻松嵌入任何网页。代码模块化，可按不同教学情境调整。&lt;/p&gt;
&lt;p&gt;源代码和在线试用见
。&lt;/p&gt;</description></item></channel></rss>