Chafan Vue Editors

Use in Vue project

npm add chafan-vue-editors --save
# or
yarn add chafan-vue-editors

Then before your new Vue(...):

import ChafanVueEditors from 'chafan-vue-editors';

Vue.use(ChafanVueEditors);

You can also import component individually rather than registering globally:

import { Tiptap } from 'chafan-vue-editors';

Remember to import other CSS and JavaScripts:

import 'tippy.js/dist/tippy.css';
import 'highlight.js/styles/github.css';

<script
  defer
  src="//cdn.jsdelivr.net/npm/@chafan/[email protected]/dist/js/lute/lute.min.js"
></script>
...
<!-- See public/index.html -->

Use in HTML directly from CDN

See docs/index.html for an example.

NOTE: Select the newest version from https://www.jsdelivr.com/package/npm/chafan-vue-editors?path=dist

Development

Update src/lib-components/index.ts and chafan-vue-editors.d.ts after adding a new component to src/lib-components/.

Run yarn run build to generate the redistributable versions.

Run yarn run serve to launch a preview server locally.

Run npm publish --access=public to release.

Update third-party dependencies

• I froze and patch a version of vditor source code at chafan-dev/vditor. See docs/vditor.md for instructions on how to work with this codebase.