【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

相关推荐
AI小百科20 小时前
开源AI编辑器的未来发展趋势
人工智能·编辑器
技术探讨者1 天前
极境导表工具 —— 让配置数据成为游戏开发的效率引擎
unity·编辑器·ai编程·游戏策划
AI小百科1 天前
目前开源AI编辑器面临的主要挑战是什么
人工智能·开源·编辑器
爱吃龙利鱼1 天前
MobaXterm连接ubuntu26.04无法在vim界面粘贴问题解决方法(粘贴会提示进入进入可视模式VISUAL))
linux·ubuntu·编辑器·vim
秋91 天前
Cursor 编辑器:下载、安装与深度使用详解
编辑器
小则又沐风a1 天前
一步搞定Xshell远程连接vscode的问题
ide·vscode·编辑器
Codiggerworld2 天前
Vim配置从0到1:打造专属编辑器
编辑器·vim·excel
lqj_本人2 天前
鸿蒙electron跨端框架PC青简笔记实战:从笔记列表、编辑器到桌面导出,一次做完整
笔记·编辑器
图像僧2 天前
没有sudo权限也能安装和使用 VSCode
ide·vscode·编辑器
咬人喵喵2 天前
E2编辑器里的零高容器是什么?怎么用?
低代码·微信·编辑器·交互·svg