【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

相关推荐
阴暗扭曲实习生2 小时前
135编辑器素材管理系统的技术架构
架构·编辑器
山峰哥17 小时前
SQL优化实战:从索引策略到执行计划的极致突破
数据库·sql·性能优化·编辑器·深度优先
咬人喵喵1 天前
植树节主题核心 SVG 交互玩法 + 品牌 / 账号案例 + 组件 / 教程
前端·css·编辑器·svg·e2编辑器
阴暗扭曲实习生1 天前
基于135编辑器的SaaS/PaaS服务集成实践
java·编辑器·paas
夏至xz1 天前
类似 typora 的新一代 Markdown 编辑器
编辑器·typora·markdown·milkup·milkdown
White-Legend1 天前
我用GTP5.4写了一个飞书编辑器
人工智能·gpt·编辑器·飞书·ai编程
Ama_tor1 天前
Visual Studio Code (VS Code) |下载与前端开发环境配置(带图详细)
ide·vscode·编辑器
阴暗扭曲实习生1 天前
135编辑器API接口设计与开发指南
windows·编辑器
ricky_fan1 天前
(最新版)Cluade code安装、部署教程-Mac
linux·编辑器·vim
ONLYOFFICE1 天前
ONLYOFFICE 全新 PDF 编辑器 API 上线,自动化处理 PDF 内容
前端·人工智能·pdf·编辑器·onlyoffice