Skip to content

Comark Syntax does not work for images (v52.14.1) #2490

@jo-b-la

Description

@jo-b-la

Describe the bug

In version v52.14.1, Comark Syntax for text works fine:

Test{style="width:110px" .shadow .center}

produces this HTML:

<p class="shadow center" style="width: 110px;">Test</p>

BUT: Same comark block for images does nothing

![](https://placehold.co/600x400){style="width:110px" .shadow .center}

rendered HTML:

<p><img src="https://placehold.co/600x400" alt=""></p>

Problem does not appear in v51.8.2

Minimal reproduction

Steps to reproduce the behavior:

  • Create a new empty project with slidev v52.14.1 : npm create slidev@latest

  • add these lines to any slide

Test{style="width:110px" .shadow .center}

![](https://placehold.co/600x400){style="width:110px" .shadow .center}
  • open slide in browser

Environment

  • Slidev version: v52.14.1
  • NodeJS: v24.11.1
  • Browser: Chrome and Vivaldi
  • OS: Linux Mint

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions