【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

相关推荐
蓝星空200020 分钟前
如何将 PDF 转换为 .md 格式的 Markdown 文件?无需上传,3 步完成
人工智能·pdf·编辑器
普通人61 小时前
php处理百度编辑器有误html
开发语言·编辑器·html·php·1024程序员节
广东帝工2 小时前
智慧航道是否是智能调度大脑
编辑器
葵花日记17 小时前
VS2022 美化指南:用 ClaudiaIDE 设置自定义编辑器背景
ide·visualstudio·编辑器
Sunny_GMF20 小时前
Markdown 导出 HTML 实战:2.6MB 编辑器快照如何瘦身 71%(DOM 净化 + CSSOM 运行时裁剪)
编辑器·html·ai编程·harmonyos
灯澜忆梦21 小时前
【Linux】#7 | vi/vim 编辑器
linux·编辑器·vim
广东帝工1 天前
智慧航道核心价值对航运业发展的具体影响
编辑器
广东帝工1 天前
智慧航道从“经验调度“到“智能协同“
编辑器
cgblpx2 天前
vscode的安装
ide·vscode·编辑器
zpjing~.~3 天前
Vim 高效批量替换实战:从 /dev/ 替换为 /dev-ai/
人工智能·编辑器·vim