05.笔记标记-格式化
<p>讲述了笔记标记格式化功能的五种方法及其应用场景,重点解析了每种方式对网页代码的精简效果、保留的关键元素(如文本结构、颜色、表格样式等),并强调了组合使用时的操作顺序与注意事项。/n ---</p>
<p>【anki批量制卡-笔记标记-格式化】 <a href="https://www.bilibili.com/video/BV1WDxYzmEAd/?share_source=copy_web&vd_source=aa0bf1c05d4ce84f835055deef278df5">https://www.bilibili.com/video/BV1WDxYzmEAd/?share_source=copy_web&vd_source=aa0bf1c05d4ce84f835055deef278df5</a></p>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=e8fa491f2c14e47b31fe7945540ec9ba&amp;file=file.png" alt="" /></p>
<ul>
<li>
<p><strong>功能概述与核心目的 <a href="#?seek_t=0">00:00</a></strong><br />
笔记标记格式化功能用于精简网页代码,剔除冗余内容,保留关键可见元素,如文本、表格、图片及基本文本结构(包括换行、段落、加粗、下划线等)。<br />
精简后可提升卡片预览清晰度与制卡效率。</p>
</li>
<li>
<p><strong>示例对比:是否格式化的差异 <a href="#?seek_t=21">00:21</a></strong> </p>
<ul>
<li>未格式化添加的内容包含大量杂乱HTML代码,导致B列内容换行异常,右侧表格线不可见。 </li>
<li>格式化后的卡片能正常显示表格线,且B列与CE列根据实际安培长度自动缩放,整体布局更合理。 </li>
<li>代码量显著减少,便于后续查看或修改。</li>
</ul>
</li>
<li>
<p><strong>关键元素定义 <a href="#?seek_t=123">02:03</a></strong><br />
关键元素指用户可见的所有内容,包括:</p>
<ul>
<li>文本</li>
<li>表格</li>
<li>图片</li>
<li>基本文本结构(如换行位置、段落划分)</li>
</ul>
</li>
<li>
<p><strong>五种格式化方式详解 <a href="#?seek_t=144">02:24</a></strong> </p>
<ul>
<li>
<p><strong>默认格式化 <a href="#?seek_t=150">02:30</a></strong><br />
保留以下标签:删除线(<code>&lt;del&gt;</code>)、加粗(<code>&lt;b&gt;</code>)、下划线(<code>&lt;u&gt;</code>)、换行(<code>&lt;br&gt;</code>)、段落(<code>&lt;p&gt;</code>)、表格相关标签。<br />
删除其他所有样式属性,如字体大小、颜色、对齐方式、边框样式等。</p>
</li>
<li>
<p><strong>方式二:保留颜色 <a href="#?seek_t=177">02:57</a></strong><br />
在默认基础上,额外保留文本颜色和背景颜色。<br />
处理过程不如默认方式彻底,部分样式属性仍被保留。</p>
</li>
<li>
<p><strong>方式三:保留并自定义颜色 <a href="#?seek_t=198">03:18</a></strong><br />
支持将文本颜色修改为指定颜色(如红色)。<br />
使用取色器功能可提取目标颜色值(如紫色 <code>#800080</code>),需保留井号 <code>#</code> 输入确认。<br />
格式化后该颜色应用于对应文本。</p>
</li>
<li>
<p><strong>方式四:清理表格样式 <a href="#?seek_t=243">04:03</a></strong><br />
仅处理表格相关的HTML代码,简化其样式,其余内容不做改动。<br />
适用于只需优化表格呈现而不影响其他格式的场景。</p>
</li>
<li><strong>方式五:仅保留图表样式 <a href="#?seek_t=266">04:26</a></strong><br />
仅保留图片和表格的基本结构及原始文本内容。<br />
清除所有颜色、标题标签(如 <code>&lt;h1&gt;</code>)、字体大小等非必要样式。<br />
示例中大字号由 <code>&lt;h1&gt;</code> 标签引起,此方式会将其清除。</li>
</ul>
</li>
<li>
<p><strong>组合使用策略与顺序重要性 <a href="#?seek_t=259">04:19</a></strong> </p>
<ul>
<li>可组合多种方式使用,但<strong>顺序至关重要</strong>。 </li>
<li>正确顺序示例:
<ol>
<li>先执行<strong>默认格式化</strong></li>
<li>进行<strong>主体挖空</strong>操作(依赖加粗、颜色等标记识别重点)</li>
<li>最后使用<strong>仅保留图表样式</strong>清除剩余样式</li>
</ol></li>
<li>若顺序颠倒(先“仅保留图表样式”),则加粗、颜色等用于标记的标签已被清除,无法进行后续挖空处理。</li>
</ul>
</li>
<li>
<p><strong>标签保留原因说明 <a href="#?seek_t=437">07:17</a></strong><br />
每个保留标签均有特定用途:</p>
<ul>
<li><strong>图片标签</strong>:确保卡片中图像正常显示。</li>
<li><strong><code>&lt;b&gt;</code>(加粗)、<code>&lt;u&gt;</code>(下划线)、删除线</strong>:便于后续做挖空练习或特殊标注。</li>
<li><strong><code>&lt;br&gt;</code> 和 <code>&lt;p&gt;</code></strong>:维持卡片整体结构与段落分隔。</li>
<li><strong>分割线</strong>:用于批量制卡时区分不同卡片内容。</li>
</ul>
</li>
<li><strong>功能重要性总结 <a href="#?seek_t=466">07:46</a></strong><br />
格式化不仅能减少代码体积、提高预览与复习流畅度,还能提升制卡助手添加内容的速度。<br />
尽管速度差异在小规模数据下不明显,但在大规模使用中具有实际意义。</li>
</ul>