随笔分类 - markdown
摘要：pnpm create vite pnpm up pnpm i pnpm i @humanspeak/svelte-markdown pnpm dev 修改App.svelte: <script lang="ts"> import SvelteMarkdown from "@humanspeak/s
阅读全文
摘要：src/components/ace-markdown/ace-markdown.tsx: import { Component, Prop, State, h } from "@stencil/core"; import ace from "ace-builds/src-min-noconflic
阅读全文
摘要：src/index.html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
阅读全文
摘要：src/components/ace-markdown.ts: import { LitElement, css, html } from "lit"; import { customElement, property, query } from "lit/decorators.js"; // im
阅读全文
摘要：参见下面test.md示例： # My markdown document ```{=typst} #let foob(x) = { x + x } #foob(2) ``` this is `raw #(2 + 3) typst`{=typst} 转换并编译： pandoc test.md -o
阅读全文
摘要：采用了@monaco-editor/react进行编辑，react-markdown预览 import Editor from "@monaco-editor/react"; import { useState } from "react"; import Markdown from "react-
阅读全文
摘要：pnpm create farm@latest #选择vue3 cd project pnpm i @kangc/v-md-editor@next 修改index.ts: import { createApp } from 'vue'; // import './style.css'; import
阅读全文
摘要：md-editor-rt是一个react markdown编辑框架。 import { useState } from "react"; import { MdEditor } from "md-editor-rt"; import "md-editor-rt/lib/style.css"; exp
阅读全文
