【Tiptap】怎样输入/粘贴 Markdown 到编辑器里?

这里使用一个插件,首先安装它:

sh 复制代码
npm install tiptap-markdown@latest

使用:

js 复制代码
mport { Editor } from '@tiptap/core';
import StarterKit from '@tiptap/starter-kit';
import { Markdown } from 'tiptap-markdown';

const editor = new Editor({
    content: "# Title",
    extensions: [
        StarterKit,
        Markdown,
    ],
});
const markdownOutput = editor.storage.markdown.getMarkdown();

用法:

js 复制代码
editor.commands.setContent('**test**') // setContent supports markdown format
editor.storage.markdown.getMarkdown(); // get current content as markdown

参考:https://www.npmjs.com/package/tiptap-markdown

相关推荐
飞火流云13 小时前
vscode Linux下编译失败找不到文件
ide·vscode·编辑器
Piink15 小时前
VSCode基本操作
vscode·编辑器
BD_Marathon19 小时前
【JavaWeb】VsCode的其他常见设置
ide·vscode·编辑器
landian00420 小时前
vscode对于txt格式文件使用tab缩进为3个空格
ide·vscode·编辑器
阿阿阿阿里郎21 小时前
Vscode+STM32CubeMX+Cmake联合开发教
ide·vscode·编辑器
vortex51 天前
为什么我把VSCode换成了Code-Server
ide·vscode·编辑器
前讯焦点1 天前
星图云开发者平台页面编辑器:提供系统全面的解决方案
编辑器
保持低旋律节奏1 天前
linux——vim编辑器
linux·编辑器·vim
那些免费的砖1 天前
Isle-Editor (岛屿编辑器) - 免费开源 Web 富文本编辑器,也支持 Notion 块编辑、MarkDown 语法,官方支持 Vue3 开箱即用
前端·编辑器·notion