【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

相关推荐
图像僧1 天前
没有sudo权限也能安装和使用 VSCode
ide·vscode·编辑器
咬人喵喵1 天前
E2编辑器里的零高容器是什么?怎么用?
低代码·微信·编辑器·交互·svg
小e说说2 天前
主流活动策划工具特点比较
编辑器
winlife_2 天前
把 Godot 编辑器接入 AI:Funplay MCP for Godot 介绍
人工智能·编辑器·godot·ai编程·游戏开发·mcp
@noNo2 天前
Visual Studio Code添加自定义大模型API
ide·vscode·编辑器
winlife_2 天前
把 Cocos Creator 编辑器接入 AI:Funplay MCP for Cocos 介绍
人工智能·编辑器·ai编程·cocos creator·游戏开发·claude·mcp
拉里呱唧2 天前
在线可视化HTML编辑器横评:8款拖拽式工具的实测对比
前端·编辑器·html
HezhezhiyuLe2 天前
无界内嵌编辑器键盘事件失效
编辑器·计算机外设
winlife_2 天前
嵌入式 MCP server vs 外挂桥接进程:引擎编辑器自动化的架构取舍
架构·自动化·编辑器·游戏引擎·架构设计·mcp·编辑器自动化
时空自由民.3 天前
vim入门配置教程
编辑器·vim·excel