Improve Mermaid's Markdown rendering

[etchnight]

Mermaid 渲染 Markdown 偏移问题

Is there an existing issue for this?

• I have searched the existing issues

Can the issue be reproduced with the default theme (daylight/midnight)?

• I was able to reproduce the issue with the default theme

Could the issue be due to extensions?

• I've ruled out the possibility that the extension is causing the problem.

Describe the problem

在Mermaid中使用Markdown时，渲染出的Markdown文本会出现偏移，具体来说，是在Mermaid的流程图中，节点使用Markdown文本，如：

flowchart LR
    markdown["`This **is** _Markdown_`"]
    newLines["`Line1     Line 2     Line 3`"]
    markdown --> newLines

渲染结果为：

Expected result

上例中的渲染结果应该为：

Screenshot or screen recording presentation

No response

Version environment

- Version: v3.0.17
- Operating System: windows
- Browser (if used):

Log file

不需要

More information

经查，是由以下CSS规则导致，该规则位于siyuan\app\src\assets\scss\component\_typography.scss文件中（第25行）：

.b3-typography p, .b3-typography [data-node-id], .protyle-wysiwyg p, .protyle-wysiwyg [data-node-id] {
    line-height: 1.625;
    padding: 4px;
    margin: 2px 0;
    border-radius: var(--b3-border-radius);
}

原因是在Mermaid中使用Markdown文本时，渲染生成的元素为<p>而非<span>.
目前临时的修复方案是在代码片段中添加如下代码片段：

.protyle-wysiwyg foreignObject p {
  padding: 0;
  margin: 0;
}

[idealkindom]

确实有这个问题，请测试下我这个

sequenceDiagram
    autonumber
    participant 1 as $$\alpha$$
    participant 2 as $$\beta$$
    1->>2: Solve: $$\sqrt{2+2}$$
    2-->>1: Answer: $$2$$
    Note right of 2: $$\sqrt{2+2}=\sqrt{4}=2$$

Loading

[Vanessa219]

还有问题的话，导出 .sy 文件上传一下。

[idealkindom]

还有问题的话，导出 .sy 文件上传一下。

请查收附件和截图。这个mermaid图里α和β会显示不全。之前zettlr和Joplin也有这种问题，不过Joplin 3.1.1已经修复了。
Mermaid渲染问题.sy.zip

[idealkindom]

还有问题的话，导出 .sy 文件上传一下。

不过我觉得思源这个最大的硬伤还是导出图片超级慢，并且不支持svg，对于内容多一点的脑图、流程图，png那分辨率根本没法看

[Vanessa219]

这些可以使用导出 html

[idealkindom]

讲真的，思源的导入导出功能都隐藏的好深，找到一圈没找到，更加没有找到导出html 在 2024-08-12 10:37:42，V ***@***.***> 写道： 这些可以使用导出 html — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you commented.Message ID: ***@***.***>

[idealkindom]

.我找到导出html了，比png强多了 在 2024-08-12 10:37:42，V ***@***.***> 写道： 这些可以使用导出 html — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you commented.Message ID: ***@***.***>

[Vanessa219]

还有问题的话，导出 .sy 文件上传一下。

请查收附件和截图。这个mermaid图里α和β会显示不全。之前zettlr和Joplin也有这种问题，不过Joplin 3.1.1已经修复了。 Mermaid渲染问题.sy.zip

下个版本再看看