element-plus-tiptap

element-plus-tiptap is a rich text editor based on Vue 3, Tiptap, and Element Plus. It's simple and easy to use.

• Docs
• Getting Started

element-plus-tiptap 是一个富文本编辑器，它基于vue3, titap和element-plus。使用起来很简单。

• 文档
• 快速开始

Getting Started

install

npm install element-plus-tiptap

import

import { ElementPlusTiptap } from 'element-plus-tiptap'
import 'element-plus-tiptap/dist/theme.css'

usage

<script setup>
import { ref } from 'vue'
import { ElementPlusTiptap } from 'element-plus-tiptap'
import 'element-plus-tiptap/dist/theme.css'

const content = ref('hello world')
</script>

<template>
  <element-plus-tiptap v-model="content" />
</template>

快速开始

安装

npm install element-plus-tiptap

引入

import { ElementPlusTiptap } from 'element-plus-tiptap'
import 'element-plus-tiptap/dist/theme.css'

示例

<script setup>
import { ref } from 'vue'
import { ElementPlusTiptap } from 'element-plus-tiptap'
import 'element-plus-tiptap/dist/theme.css'

const content = ref('hello world')
</script>

<template>
  <element-plus-tiptap v-model="content" />
</template>