import{_ as t,o as s,c as e,a4 as n}from"./chunks/framework.Cre9sSJa.js";const k=JSON.parse('{"title":"蓝鲸行内富文本","description":"","frontmatter":{},"headers":[],"relativePath":"guide/core-features/markdown-inline-style.md","filePath":"guide/core-features/markdown-inline-style.md"}'),d={name:"guide/core-features/markdown-inline-style.md"};function o(l,a,i,r,p,c){return s(),e("div",null,[...a[0]||(a[0]=[n(`<h1 id="蓝鲸行内富文本" tabindex="-1">蓝鲸行内富文本 <a class="header-anchor" href="#蓝鲸行内富文本" aria-label="Permalink to &quot;蓝鲸行内富文本&quot;">​</a></h1><div class="info custom-block"><p class="custom-block-title">版本要求</p><p>自 <strong>v2.1.4-beta.6</strong> 起，AI 消息 Markdown 渲染支持「蓝鲸行内富文本」语法，用于在<strong>不开启 HTML</strong> 的前提下安全展示颜色、加粗、背景高亮、字号等行内样式。</p></div><p>AI 回复默认走 Markdown 渲染，且<strong>不解析任意 HTML 标签</strong>（<code>html: true</code> 已关闭）。若希望模型输出带颜色的标题、重点强调等副本文本，请在 <strong>AIDev 平台 Agent 的系统提示词 / 指令</strong> 中约定使用下文语法，而不是要求模型输出 <code>&lt;span&gt;</code>、<code>&lt;font&gt;</code> 等 HTML。</p><h2 id="语法" tabindex="-1">语法 <a class="header-anchor" href="#语法" aria-label="Permalink to &quot;语法&quot;">​</a></h2><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>::bk{ 属性列表 }正文内容:/bk::</span></span></code></pre></div><table tabindex="0"><thead><tr><th>规则</th><th>说明</th></tr></thead><tbody><tr><td>开始标记</td><td>固定为 <code>::bk{</code>，属性写在紧随其后的 <code>{}</code> 内</td></tr><tr><td>属性分隔</td><td>多个属性用 <code>;</code> 分隔；每项为 <code>键=值</code> 或 <code>键:值</code>（等号与冒号等价）</td></tr><tr><td>正文</td><td>支持行内 Markdown（<code>**加粗**</code>、链接、行内代码等）</td></tr><tr><td>结束标记</td><td>固定为 <code>:/bk::</code>，<strong>正文中不要出现该字面量</strong></td></tr></tbody></table><h3 id="支持的属性" tabindex="-1">支持的属性 <a class="header-anchor" href="#支持的属性" aria-label="Permalink to &quot;支持的属性&quot;">​</a></h3><table tabindex="0"><thead><tr><th>键</th><th>说明</th><th>示例</th></tr></thead><tbody><tr><td><code>color</code> / <code>c</code></td><td>文字颜色（<code>#rgb</code> / <code>#rrggbb</code> 或 CSS 命名色）</td><td><code>color=red</code>、<code>c:#c00</code></td></tr><tr><td><code>background-color</code></td><td>背景色，规则同 <code>color</code></td><td><code>background-color=yellow</code></td></tr><tr><td><code>font-size</code></td><td>字号，仅支持 <code>1px</code>–<code>72px</code></td><td><code>font-size=16px</code></td></tr><tr><td><code>bold</code></td><td>加粗（无值，单独写键名即可）</td><td><code>bold</code></td></tr><tr><td><code>italic</code></td><td>斜体（无值）</td><td><code>italic</code></td></tr></tbody></table><p>可组合多个属性，例如：<code>::bk{color=red; bold}标题:/bk::</code></p><h3 id="渲染示例" tabindex="-1">渲染示例 <a class="header-anchor" href="#渲染示例" aria-label="Permalink to &quot;渲染示例&quot;">​</a></h3><div class="language-markdown vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">markdown</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">::bk{color=red; bold}紧急撤离通知:/bk::</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">各位同事：</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">经评估，现启动 </span><span style="--shiki-light:#24292E;--shiki-light-font-weight:bold;--shiki-dark:#E1E4E8;--shiki-dark-font-weight:bold;">**应急撤离**</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">。请按以下要求执行：</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> 撤离原因：::bk{background-color=yellow}机房电力异常:/bk::</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> 撤离时间：::bk{font-size=16px; bold}今日 18:00 前:/bk::</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> 集合路线：A 栋大厅 → 北门停车场</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">发布单位：行政与安全部  </span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">联系方式：内线 8888</span></span></code></pre></div><h2 id="与-html-的关系" tabindex="-1">与 HTML 的关系 <a class="header-anchor" href="#与-html-的关系" aria-label="Permalink to &quot;与 HTML 的关系&quot;">​</a></h2><table tabindex="0"><thead><tr><th>方式</th><th>v2.1.4-beta.6 行为</th></tr></thead><tbody><tr><td>蓝鲸行内富文本 <code>::bk{...}...:/bk::</code></td><td>✅ 支持，样式经白名单校验后写入 <code>&lt;span class=&quot;bk-md-inline-style&quot;&gt;</code></td></tr><tr><td>任意 HTML 标签（<code>&lt;span style=&quot;...&quot;&gt;</code> 等）</td><td>❌ 不解析，按纯文本或 Markdown 规则处理</td></tr><tr><td>标准 Markdown</td><td>✅ 继续支持（标题、列表、表格、代码块、Mermaid、LaTeX 等）</td></tr></tbody></table><p>因此：<strong>请引导 LLM 使用 <code>::bk::</code> 语法，不要引导其输出 HTML 片段或完整 HTML 页面。</strong></p><h2 id="配置-llm-系统提示词-aidev" tabindex="-1">配置 LLM / 系统提示词（AIDev） <a class="header-anchor" href="#配置-llm-系统提示词-aidev" aria-label="Permalink to &quot;配置 LLM / 系统提示词（AIDev）&quot;">​</a></h2><p>在 AIDev 平台编辑 Agent 时，将下列约定写入<strong>系统提示词</strong>或<strong>角色指令</strong>（可按业务改写场景与字段）。前端小鲸组件<strong>无需额外 prop</strong>，只要模型按语法输出，消息区即可正确渲染。</p><h3 id="推荐写入系统提示词的要点" tabindex="-1">推荐写入系统提示词的要点 <a class="header-anchor" href="#推荐写入系统提示词的要点" aria-label="Permalink to &quot;推荐写入系统提示词的要点&quot;">​</a></h3><ol><li>标题或关键句使用蓝鲸行内富文本，<strong>禁止</strong>使用 HTML 标签。</li><li>正文仍用 Markdown 组织段落与列表；重点信息可用 <code>::bk::</code> 叠加强调。</li><li>结束标记必须是 <code>:/bk::</code>；正文内容中不得包含该字面量。</li><li>直接输出可展示的正文，不要包裹 <code>&lt;html&gt;</code>、<code>&lt;body&gt;</code> 等页面结构。</li></ol><h3 id="示例-撤离通知类内容" tabindex="-1">示例：撤离通知类内容 <a class="header-anchor" href="#示例-撤离通知类内容" aria-label="Permalink to &quot;示例：撤离通知类内容&quot;">​</a></h3><p>可将以下内容作为系统提示词片段，或作为 AIDev「提示词」列表中的一条用户快捷模板（用户点击后发给模型）：</p><div class="language-text vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">text</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>请帮我生成【撤离通知】类内容，要求：</span></span>
<span class="line"><span></span></span>
<span class="line"><span>1. 标题使用红色加粗样式，使用蓝鲸行内富文本语法（不要用 HTML 标签）：</span></span>
<span class="line"><span>   ::bk{color=red; bold}标题内容:/bk::</span></span>
<span class="line"><span></span></span>
<span class="line"><span>2. 正文贴合实际场景，须包含：撤离原因、范围、时间、路线、注意事项、发布单位、联系方式等核心信息；表述正式、清晰，重点信息可适当突出。</span></span>
<span class="line"><span></span></span>
<span class="line"><span>3. 重点突出可使用同一语法，例如：</span></span>
<span class="line"><span>   - 红色强调：::bk{color=red}重点文字:/bk::</span></span>
<span class="line"><span>   - 加粗：::bk{bold}重点文字:/bk::</span></span>
<span class="line"><span>   - 背景高亮：::bk{background-color=yellow}重点文字:/bk::</span></span>
<span class="line"><span>   - 字号（1–72px）：::bk{font-size=16px}重点文字:/bk::</span></span>
<span class="line"><span>   属性写在 \`{}\` 内，用 \`;\` 分隔；键值可用 \`=\` 或 \`:\`。正文内仍可使用 Markdown 行内格式（**加粗**、链接、行内代码等）。</span></span>
<span class="line"><span></span></span>
<span class="line"><span>4. 结束标记固定为 \`:/bk::\`，正文中不要出现该字面量。</span></span>
<span class="line"><span></span></span>
<span class="line"><span>5. 不要输出完整 HTML 页面结构，直接给出可直接使用的通知正文即可。</span></span>
<span class="line"><span></span></span>
<span class="line"><span>6. 若未指定具体场景细节，默认按通用应急撤离场景填写占位内容，便于后续替换。</span></span></code></pre></div><h3 id="与前端「提示词」prop-的区别" tabindex="-1">与前端「提示词」prop 的区别 <a class="header-anchor" href="#与前端「提示词」prop-的区别" aria-label="Permalink to &quot;与前端「提示词」prop 的区别&quot;">​</a></h3><table tabindex="0"><thead><tr><th>配置位置</th><th>作用</th></tr></thead><tbody><tr><td>AIDev <strong>系统提示词 / 指令</strong></td><td>约束 <strong>LLM 生成格式</strong>（如必须使用 <code>::bk::</code>）</td></tr><tr><td>前端 <code>prompts</code> prop 或 <code>/</code> 菜单</td><td>给<strong>用户</strong>一键填入的提问模板，见 <a href="__DOCS_BASE__/guide/core-features/prompts.html">提示词与资源</a></td></tr></tbody></table><p>二者可配合：系统提示词规定输出格式，<code>prompts</code> 提供「请生成撤离通知」等快捷问法。</p><h2 id="相关文档" tabindex="-1">相关文档 <a class="header-anchor" href="#相关文档" aria-label="Permalink to &quot;相关文档&quot;">​</a></h2><ul><li><a href="__DOCS_BASE__/guide/core-features/chat-interaction.html">聊天交互</a> — 消息流式渲染与 Markdown 能力总览</li><li><a href="__DOCS_BASE__/guide/core-features/prompts.html">提示词与资源</a> — 用户侧 <code>/</code> 提示词与 <code>@</code> 资源</li><li><a href="__DOCS_BASE__/changelog.html">更新日志</a> — v2.1.4-beta.6 变更说明</li></ul>`,26)])])}const b=t(d,[["render",o]]);export{k as __pageData,b as default};
