Skip to content

Bug Report: Custom CSS styles are not applied in Markdown preview 无法渲染或应用 Markdown 文档中定义的自定义 CSS 样式 #201

@cscomic

Description

@cscomic

Summary

Lumina-Note does not render or apply any custom CSS styles defined in the Markdown document. This includes both global <style> tags placed in the document head (or YAML frontmatter area) and inline style attributes on HTML elements (e.g., <span style="...">).

Steps to Reproduce

  1. Open Lumina-Note.

  2. Create a new Markdown file or paste the following content:

    <style>
    body {
        font-family: "宋体", SimSun, "Times New Roman", serif;
        font-size: 10.5pt;
        line-height: 1.5;
    }
    p {
        font-size: 10.5pt;
        text-indent: 2em;
    }
    </style>
    
    # Test Document
    
    This is a normal paragraph. It should have a 2-character indentation (text-indent: 2em) and use the SimSun font at 10.5pt.
    
    Here is a <span style="color: red; font-weight: bold;">Red Bold Word</span> styled with an inline span.
    

问题概述

Lumina-Note 无法渲染或应用 Markdown 文档中定义的自定义 CSS 样式。这包括位于文档头部的全局 <style> 标签以及内联 HTML 元素的 style 属性(例如 )。

复现步骤

  1. 打开 Lumina-Note。
  2. 新建一个 Markdown 文件,或粘贴以下内容:
<style>
body {
    font-family: "宋体", SimSun, "Times New Roman", serif;
    font-size: 10.5pt;
    line-height: 1.5;
}
p {
    font-size: 10.5pt;
    text-indent: 2em;
}
</style>

# 测试文档

这是一个普通段落。预期应首行缩进 2 字符(text-indent: 2em),并使用宋体 10.5pt 字号显示。

这里有一个 <span style="color: red; font-weight: bold;">红色加粗文字</span> 通过内联样式修饰。
  1. 切换到 预览模式(或阅读模式)。

预期行为

整个文档正文应以 宋体 / SimSun 字体、10.5pt 字号、1.5 倍行距 渲染。

每个

段落的首行应有 2em 的缩进。

文字 "红色加粗文字" 应显示为 红色 且 加粗。

实际行为

字体保持为应用程序默认字体(例如系统无衬线体)。

段落没有缩进。

内联 标签中的文字显示为普通样式,无颜色变化、无加粗。

(可选现象)<style> 标签内的 CSS 代码可能会直接显示在预览页面的顶部,成为可见的文本。

环境信息

Lumina-Note 版本:1.0.17

操作系统: Windows 11

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions