todo: inline_html render

[Simon-He95]

Description

Currently, inline_html rendering uses code as a fallback; it should be correctly processed into native tags or custom components.

Suggested solution

Currently, inline_html rendering uses code as a fallback; it should be correctly processed into native tags or custom components.

Alternative

No response

Additional context

No response

[Williamsunsir]

如何对html标签做处理呢？

[Simon-He95]

如何对html标签做处理呢？
应该是返回一个type为html_inline的json把tag和attrs相关的数据正确的反应到json上

[zerob13]

我并非是前段，有没有啥样例可以提供我参考。因为我给md的表格增加样式就花了3天时间

如果和这个需求无关的话，可以开一个新的issue,把你的需求或者最小实现发一下。这个issue是用来讨论一个新的需求的

[Madd0g]

I recently tried this in a react project with streamdown, with something like:

rehypePlugins={[rehypeRaw]}
components={{
	casecard: (props) => (
		<div className="my-2">
			<CaseCard {...props} />
		</div>
	)
}}

it would be cool to be able to accomplish this easily with vue components.

Does markdown-it support none of this? or is it partially supported?

[Simon-He95]

Markdown-it doesn't handle complex HTML tags very well, but it can handle simple HTML. Currently, there are some limitations; some custom HTML blocks require a newline character before and after them, like

a
<Thinking></Thinking>
b

[upthen]

**标题：报告解读结果**
**内容：**  - **异常项**    
<span style="color:red">尾骨末端左侧缘骨皮质不连续，周边软组织肿胀，考虑尾骨骨折，随诊。</span> <span style="color:red">左侧股骨内侧髁局部骨皮质褶皱，考虑左侧股骨内侧髁骨折，随诊。</span>  <span style="color:red">左侧髌骨内下缘骨皮质欠规整，邻近可见小斑片状高密度影，提示髌骨撕脱性骨折，请结合临床。</span> 
  <span style="color:red">左膝关节腔及髌上囊积液；周围软组织肿胀。</span>    <span style="color:red">左膝关节退行性改变。</span>    <span style="color:red">左下腹部分肠系膜呈旋涡状改变，旋转约270°，相应肠管未见明显异常改变，请结合临床。</span>    <span style="color:red">L1椎体内高密度影，考虑术后改变，请结合临床。</span>    <span style="color:red">双侧侧脑室不等大，左侧较右侧稍大，考虑先天发育变异，请结合临床。</span>    <span style="color:red">颅脑未见明显新近外伤性改变，请结合临床，必要时随诊除外迟发性外伤改变。</span>- **可能原因**    1. 尾骨、股骨及髌骨骨折：多由外伤（如跌倒、撞击）引起，尤其是骨质疏松或活动时失衡导致的直接暴力损伤。    2. 左膝关节积液与软组织肿胀：常见于创伤后反应、关节退行性变或炎症性关节病（如类风湿、痛风），也可能与骨折或韧带损伤相关。    3. 左膝关节退行性改变：与年龄、长期负重、运动损伤或既往关节创伤有关，属于常见的退变性改变。    4. 肠系膜旋涡状改变（旋转约270°）：提示可能存在肠系膜扭转或先天性肠系膜附着异常，虽当前肠管无明显异常，但有潜在肠梗阻或缺血风险。    5. L1椎体高密度影考虑术后改变：提示既往曾接受腰椎手术（如椎体融合、内固定），影像上表现为术后骨性愈合或植入物显影。    6. 双侧侧脑室不等大（左侧稍大）：多为先天发育变异，通常无临床症状，但需排除脑积水、脑萎缩或占位性病变。    7. 颅脑未见新近外伤改变：提示近期无明确脑挫裂伤或出血，但“除外迟发性外伤改变”提示需警惕创伤后延迟性病变（如硬膜下血肿）。- **健康建议**    **避免负重行走与剧烈运动，尤其是下肢承重动作，保护骨折部位，防止二次损伤。**    - 保持合理饮食，摄入足量钙与维生素D，促进骨骼修复；    - 如有疼痛，可短期使用非甾体抗炎药（如布洛芬），但需遵医嘱；    - 保持体重控制，减轻膝关节与脊柱负担；    - 定期复查影像学（如X线或MRI），评估骨折愈合与关节变化。- **就医指引**    **建议尽快至骨科或创伤外科就诊，评估骨折稳定性与治疗方案，必要时行MRI或CT进一步明确肠系膜扭转风险。**    - 若出现腹痛、呕吐、排便异常、下肢麻木或行走困难，立即前往急诊；    - 对于L1术后改变，建议携带既往手术记录，由脊柱外科医生评估是否需随访；    - 脑室不等大者，若出现头痛、头晕、视力变化或意识障碍，需神经内科或神经外科评估。**参考文献**  1. '全国临床检验操作规程,第4版,978-7-117-19862-2'  2. '临床生物化学检验,第1版,978-7-117-18044-3'  3. '实验诊断学,第3版,978-7-117-20396-8'  4. '血液科临床实践（习）导引与图解,第1版,978-7-117-18666-7'**标题：报告解读结果****内容：**  - **异常项**    <span style="color:red">尾骨末端左侧缘骨皮质不连续，周边软组织肿胀，考虑尾骨骨折，随诊。</span>    <span style="color:red">左侧股骨内侧髁局部骨皮质褶皱，考虑左侧股骨内侧髁骨折，随诊。</span>    <span style="color:red">左侧髌骨内下缘骨皮质欠规整，邻近可见小斑片状高密度影，提示髌骨撕脱性骨折，请结合临床。</span>    <span style="color:red">左膝关节腔及髌上囊积液；周围软组织肿胀。</span>    <span style="color:red">左膝关节退行性改变。</span>    <span style="color:red">左下腹部分肠系膜呈旋涡状改变，旋转约270°，相应肠管未见明显异常改变，请结合临床。</span>    <span style="color:red">L1椎体内高密度影，考虑术后改变，请结合临床。</span>    <span style="color:red">双侧侧脑室不等大，左侧较右侧稍大，考虑先天发育变异，请结合临床。</span>    <span style="color:red">颅脑未见明显新近外伤性改变，请结合临床，必要时随诊除外迟发性外伤改变。</span>- **可能原因**    1. 尾骨、股骨及髌骨骨折：多由外伤（如跌倒、撞击）引起，尤其是骨质疏松或活动时失衡导致的直接暴力损伤。    2. 左膝关节积液与软组织肿胀：常见于创伤后反应、关节退行性变或炎症性关节病（如类风湿、痛风），也可能与骨折或韧带损伤相关。    3. 左膝关节退行性改变：与年龄、长期负重、运动损伤或既往关节创伤有关，属于常见的退变性改变。    4. 肠系膜旋涡状改变（旋转约270°）：提示可能存在肠系膜扭转或先天性肠系膜附着异常，虽当前肠管无明显异常，但有潜在肠梗阻或缺血风险。    5. L1椎体高密度影考虑术后改变：提示既往曾接受腰椎手术（如椎体融合、内固定），影像上表现为术后骨性愈合或植入物显影。    6. 双侧侧脑室不等大（左侧稍大）：多为先天发育变异，通常无临床症状，但需排除脑积水、脑萎缩或占位性病变。    7. 颅脑未见新近外伤改变：提示近期无明确脑挫裂伤或出血，但“除外迟发性外伤改变”提示需警惕创伤后延迟性病变（如硬膜下血肿）。- **健康建议**    **避免负重行走与剧烈运动，尤其是下肢承重动作，保护骨折部位，防止二次损伤。**    - 保持合理饮食，摄入足量钙与维生素D，促进骨骼修复；    - 如有疼痛，可短期使用非甾体抗炎药（如布洛芬），但需遵医嘱；    - 保持体重控制，减轻膝关节与脊柱负担；    - 定期复查影像学（如X线或MRI），评估骨折愈合与关节变化。- **就医指引**    **建议尽快至骨科或创伤外科就诊，评估骨折稳定性与治疗方案，必要时行MRI或CT进一步明确肠系膜扭转风险。**    - 若出现腹痛、呕吐、排便异常、下肢麻木或行走困难，立即前往急诊；    - 对于L1术后改变，建议携带既往手术记录，由脊柱外科医生评估是否需随访；    - 脑室不等大者，若出现头痛、头晕、视力变化或意识障碍，需神经内科或神经外科评估。**参考文献**  1. '全国临床检验操作规程,第4版,978-7-117-19862-2'  2. '临床生物化学检验,第1版,978-7-117-18044-3'  3. '实验诊断学,第3版,978-7-117-20396-8'  4. '血液科临床实践（习）导引与图解,第1版,978-7-117-18666-7'

以上数据种的 span 元素的样式无法渲染出来。

playground