Lightbox 生成无效的 HTML 结构（div 在 p 内），导致显示错误

错误
,
1

Lightbox 为每个图像生成一个 <div> 标签，但根据 HTML 规范，<div> 标签不能放在 <p> 标签内（<p> 标签的内容模型是“短语内容”，它不包含 <div>）。这会导致浏览器关闭这些 div 并将其移出 <p> 标签。之后的内容也会被移出 <p> 标签，在某些环境中会引发问题。例如：

[details="details" open]
![random image|690x388](upload://2gkjgw9XkBQlTRrNCIxGZ96CLRC.png)
Some text *emphasized* or **bold** or @panic mention
[/details]
details

random image
random image3840×2160 124 KB

Some text emphasized or bold or @panic mention

应该渲染为：

Some text emphasized or bold or @panic mention

而不是当前的：

图片
图片938×255 11.7 KB

当前行为是由于 <details> 将每个直接子元素视为块级元素。

2 个赞
2

您能详细说明一下吗？是哪些环境？这将帮助我们确定修复的优先级。

2 个赞
3

如上面所示的 <details> 标签。