Rich Text Editor for Vue 3

A powerful and lightweight Rich Text Editor component library for Vue 3 projects, maintained by the mobil80-dev organization.

🚀 Features

• Vue 3 compatible
• Lightweight and performant
• Easy integration
• Customizable styling

📦 Installation

As a Dependency

Install the package via npm:

npm install @mobil80-dev/rich-text-editor

📖 Usage

Global Registration

In your main.js or main.ts, register the plugin and import the CSS:

import { createApp } from 'vue';
import App from './App.vue';
import VueEditor from '@mobil80-dev/rich-text-editor';
import '@mobil80-dev/rich-text-editor/dist/rich-text-editor.css';

const app = createApp(App);

app.use(VueEditor);
app.mount('#app');

Local Registration

Alternatively, import the component directly into your file:

<script setup>
import { richTextEditor } from '@mobil80-dev/rich-text-editor';
import '@mobil80-dev/rich-text-editor/dist/rich-text-editor.css';
</script>

<template>
  <vue-editor />
</template>

🤝 Contributing

If you are a member of the mobil80-dev organization and wish to contribute:

1. Clone the repository
2. Install dependencies: npm install
3. Create a feature branch
4. Make your changes
5. Run tests and linting
6. Submit a pull request

Publishing Updates

1. Update the version in package.json
2. Build the library: npm run build-lib
3. Publish: npm publish (Ensure you have 2FA enabled)

📄 License

© 2025 mobil80-dev. All rights reserved.

📝 Notes

• CSS Import: Don't forget to import the CSS file for proper styling
• Vue 3: This package requires Vue 3 or higher