【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

相关推荐
2401_8582861113 小时前
VSCODE远程链接错误: 无法建立链接,过程试图写入的管道不存在的解决方法
ide·vscode·编辑器
一朵好运莲14 小时前
Turbo Console Log插件VSCode更改log快捷键教程
ide·vscode·编辑器
叶小鸡20 小时前
Trae + Apifox MCP:让 AI 自动协同前后端接口文档
ai·编辑器
笨#小孩1 天前
中间件解析漏洞与编辑器漏洞:Web安全绕过的“捷径”
web安全·中间件·编辑器
ue星空4 天前
【Godot】更换编辑器外观主题
编辑器·游戏引擎·godot
没事学点编程小知识4 天前
免费的在线EPUB编辑器:E-Ink
编辑器
iCxhust5 天前
8088单板机VScode集成开发环境使用方法
ide·笔记·vscode·编辑器·微机原理·8088单板机
流浪打工人5 天前
Unity3D编辑器初始化场景物体
编辑器
Molesidy5 天前
【VSCode】基于win10系统老版本和VSCode最新版本下出现的VSCode内置的终端窗口不能运行的问题的解决方案
ide·vscode·编辑器
weixin_469273816 天前
.md文件是什么?.md如何打开?
前端·编辑器