Vue component for RAON K Editor

RAONWIZ RAON K Vue component for RAON K Editor.

Installation and usage

In order to create an component instance in Vue.js, install the raonkeditor-vue npm package as a dependency of your project:

npm install raonkeditor-vue

After installing, import RAONKEditorVue to your application:

import Vue from 'vue';
import RAONKEditorVue from 'raonkeditor-vue';

Then use it by calling the Vue.use() method:

Vue.use( RAONKEditorVue );

new Vue( {
	// ... options
} )

And use the <RaonkEditor /> component in your template:

<template>
	<div id="app">
		<RaonkEditor ></RaonkEditor>
	</div>
</template>

Instead of using ES6 imports, the component can also be added via a direct script include:

<script src="../node_modules/raonkeditor-vue/dist/index.umd.production.min.js"></script>

and used in the same way as with ES6 imports:

Vue.use( RAONKEditorVue );

Download RAON K Editor component

This Vue integration component must be provided with RAONK Editor component through the following site. (You need to sign up for this website):

https://www.raonk.com/page/buying/license_reqTem.aspx by visiting the site, Request a trial version of RAONK Editor.

Install RAONK Editor provided via e-mail as follows and run the sample:

Copy to the /samples/basic/src subdirectory.
ex) /samples/basic/src/raonkeditor

Browser support

To enable Internet Explorer 11 support, instead of the standard import you need to import a specific dist/index.umd.legacy.production.min.js file containing all required polyfills:

import RAONKEditorVue from 'raonkeditor-vue/dist/index.umd.legacy.production.min.js'

Contributing

After cloning this repository, install necessary dependencies:

npm install

Building the package

Build a minified version of the package that is ready to be published:

npm run build

Executing

Run:

npm run start

License

Copyright (c) 2003-2022, RAONWIZ DevTeam. All rights reserved.