avs-editor

avs-editor

avs-editor is a simple WYSIWYG HTML editor component for Vue 3. It offers basic formatting tools like bold, italic, lists, headings, and image/link insertion — similar to TinyMCE or CKEditor, but lightweight and dependency-free.

🚀 Features

• Bold, Italic, Underline
• Ordered / Unordered Lists
• Headings (H1, H2, P, Blockquote)
• Insert Links and Images
• Undo / Redo
• Clear Formatting
• Simple HTML output via v-model

📦 Installation

npm install avs-editor

app.js

import { createApp } from 'vue';
import App from './App.vue';
import AvsEditor from 'avs-editor';

const app = createApp(App);
app.use(AvsEditor);
app.mount('#app');

App.vue

<template>
  <AvsEditor v-model="htmlContent" :config="{ upload_url: '/api/uploads', height: 300 }" />
</template>

<script>
export default {
  data() {
    return {
      htmlContent: '<p>Edit me</p>'
    };
  };
</script>