Svelte要求HTML标签全小写、自闭合标签显式闭合、事件用on:click绑定、插值仅支持表达式、逻辑用{#if}和{#each}块；style属性需移至scoped style块或加global修饰。

直接复制粘贴会报错：HTML 标签大小写和自闭合规则不兼容

原生 HTML 里 可以不闭合，Svelte 会当语法错误； 这种首字母大写的标签会被当成组件，但你只是想写个 。浏览器不挑，Svelte 编译器很较真。

实操建议：

• 所有 HTML 标签强制小写：
  →

  ，
→

• 自闭合标签必须显式闭合： → （注意斜杠前有空格）
• <script></script> 和 标签保留，但内容不能含未转义的 { 或 }，否则被解析为 Svelte 表达式

svelte-check 报 Unused CSS selector：内联样式没删干净

HTML 转组件时容易留着 style="color: red" 或 class="btn"，但 Svelte 的 块默认是 scoped，这些 class 在 CSS 里没定义，就触发警告。

实操建议：

• 先清空所有 style="" 属性，把样式逻辑挪到 块里
• 如果保留 class 名，确保 中有对应声明，比如 .btn { color: red; }
• 不想用 scoped？加 global 修饰：，但会污染全局，慎用

事件绑定写成 onclick="doIt()" 不生效：Svelte 用 on:click

HTML 里的字符串式事件（onclick、onchange）在 Svelte 里完全无效，编译器不会执行，也不报错，只是静默忽略。


Convert Markdown To HTML And PDF - Markdown和HTML、PDF互转
实现 Markdown↔ HTML 互转，支持导出 PDF，用于用户请求的文档格式转换。
下载

实操建议：

• 全部替换为 on:事件名 形式：onclick="foo()" → on:click={foo}
• 需要传参？用箭头函数：on:click={() => foo(item)}，别写 on:click={foo(item)}（会立即执行）
• 表单控件注意受控性： 不会双向同步，得用 bind:value={name}

动态内容写 {{value}} 报错：插值语法只支持表达式，不支持语句

从 HTML 模板（比如 PHP/JSX）习惯抄过来的 {{ if (x) { ... } }} 或 {{ console.log(x) }}，在 Svelte 里直接编译失败。

实操建议：

• 仅允许简单表达式：{{ name }}、{{ count + 1 }}、{{ items.length }}
• 逻辑分支用 {#if} 块：{#if user}
  Hello {user.name}
  {/if}
• 循环用 {#each}：{#each posts as post}

  {post.title}

  {/each}

最常被跳过的其实是属性绑定逻辑——比如 disabled 在 HTML 里写 disabled="disabled"，Svelte 要么写 disabled（布尔属性存在即 true），要么 disabled={isDisabled}。漏掉这层映射，交互就卡住。