---
title: "带画布绘图节点的 Tiptap 编辑器"
description: "通过一个简单的代码示例，了解如何使用 Tiptap 创建带有绘图功能的文本编辑器。更多内容请查看我们的文档！"
canonical_url: "https://tiptap.zhcndoc.com/examples/advanced/drawing"
---

# 带画布绘图节点的 Tiptap 编辑器

通过一个简单的代码示例，了解如何使用 Tiptap 创建带有绘图功能的文本编辑器。更多内容请查看我们的文档！

你有没有想过在文本编辑器里绘图？我也没有。无论如何，这里是一个如何用 Tiptap 实现的示例。如果你想构建类似的功能，[了解更多关于节点视图的信息](https://tiptap.zhcndoc.com/editor/extensions/custom-extensions/node-views.md)。

> **Interactive demo:** [Drawing](https://embed.tiptap.dev/preview/Examples/Drawing)