---
title: "交互式 React 和 Vue 视图"
description: "了解如何使用 Tiptap 使用 React 或 Vue 支持构建文本编辑器。更多内容请查看我们的文档！"
canonical_url: "https://tiptap.zhcndoc.com/examples/advanced/interactive-react-and-vue-views"
---

# 交互式 React 和 Vue 视图

了解如何使用 Tiptap 使用 React 或 Vue 支持构建文本编辑器。更多内容请查看我们的文档！

得益于 [节点视图](https://tiptap.zhcndoc.com/editor/extensions/custom-extensions/node-views.md)，你可以为你的节点添加交互功能。如果你能用 JavaScript 编写它，就能将其添加到编辑器中。

## 实现 React 或 Vue 组件作为节点视图

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

## 可编辑内容

React & Vue 节点视图也支持可编辑内容。查看以下示例，了解如何创建带有可编辑内容的节点视图。

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