@editor42/editor42-vue

Official Editor42 Vue component

About

This package is a thin wrapper around Editor42, the auditable MIT fork of TinyMCE 6, to make it easier to use in a Vue 3 application.

Documentation lives at editor42.com.

Installation

npm install @editor42/editor42-vue

Usage

<script setup>
import Editor from '@editor42/editor42-vue';
</script>

<template>
  <Editor :init="{ height: 400 }" initial-value="<p>Hello from Editor42</p>" />
</template>

With no extra props the editor script is loaded from https://cdn.editor42.com on the latest channel. There is no account, no sign-up and no key of any kind. The latest pointer only ever moves for security and bug-fix releases, because the Editor42 major version is fixed forever.

Self-hosting

Point the component at your own copy of the script, using the full file URL:

<Editor editor42-script-src="/js/editor42/editor42.min.js" />

Pinning a version

<Editor channel="42.0.0" />

channel accepts latest, a latest-N alias, or an exact version.

Editor options

Everything else is an Editor42 option, passed through init:

<Editor :init="{ height: 400, menubar: false, plugins: 'lists link' }" />

See the Editor42 documentation for the full list.

Migrating from the TinyMCE Vue component

npm uninstall @tinymce/tinymce-vue
npm install @editor42/editor42-vue

Change the import to @editor42/editor42-vue and you are done. Prop and event names are unchanged, and the old tinymce-script-src and cloud-channel props keep working as deprecated aliases of editor42-script-src and channel.

All API-key and licence-key handling has been removed. The corresponding props are still accepted so existing code compiles, but they do nothing: no key is read, stored or sent anywhere, and no request ever reaches a vendor cloud.

The component also drives a stock TinyMCE if that is what is already loaded on the page, which keeps the switch reversible. Configuring TinyMCE itself is outside the scope of this package.

Issues

Found an issue or have a feature request? Open an issue or submit a pull request. For issues with the editor itself, use the Editor42 repository.

License

MIT. See LICENSE.txt.