@liteeditor/vue

Vue 3 component for LiteEditor — the lightweight JavaScript WYSIWYG editor (vanilla JS, no jQuery, ~33 KB).

Install

npm install @liteeditor/vue @liteeditor/editor vue

Usage

<script setup>
import { ref } from 'vue';
import { LiteEditor } from '@liteeditor/vue';

const editor = ref(null);
const dump = () => console.log(editor.value.getContent());
</script>

<template>
  <LiteEditor
    ref="editor"
    api-key="le_pub_your_key"
    model-value="<p>Hello from <strong>Vue</strong></p>"
    plugins="link lists table image"
    toolbar="bold italic | link image | numlist bullist"
    :height="400"
    @ready="(ed) => console.log('ready', ed.id)"
  />
  <button @click="dump">Get HTML</button>
</template>

Props

modelValue, apiKey, apiBase, plugins, toolbar, height.

Emits / exposed

Emits ready(editor). Exposes getContent(), setContent(html), instance() via template ref.

SSR-safe: initialization is deferred to onMounted (client-only).

License

Proprietary. A free lifetime plan is available at https://liteeditor.com.