vue-ckeditor2

WebJar for vue-ckeditor2

License	MIT
GroupId	org.webjars.npm
ArtifactId	vue-ckeditor2
Last Version	2.0.4
Release Date	Jun 13, 2018
Type	jar
Description	vue-ckeditor2 WebJar for vue-ckeditor2
Project URL	http://webjars.org
Source Code Management	https://github.com/dangvanthanh/vue-ckeditor2

Download vue-ckeditor2

Filename	Size
vue-ckeditor2-2.0.4.pom
vue-ckeditor2-2.0.4.jar	36 KB
vue-ckeditor2-2.0.4-sources.jar	22 bytes
vue-ckeditor2-2.0.4-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.npm/vue-ckeditor2/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>vue-ckeditor2</artifactId>
    <version>2.0.4</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.npm/vue-ckeditor2/
implementation 'org.webjars.npm:vue-ckeditor2:2.0.4'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.npm/vue-ckeditor2/
implementation ("org.webjars.npm:vue-ckeditor2:2.0.4")

Apache Buildr

'org.webjars.npm:vue-ckeditor2:jar:2.0.4'

Apache Ivy

<dependency org="org.webjars.npm" name="vue-ckeditor2" rev="2.0.4">
  <artifact name="vue-ckeditor2" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.npm', module='vue-ckeditor2', version='2.0.4')
)

Scala SBT

libraryDependencies += "org.webjars.npm" % "vue-ckeditor2" % "2.0.4"

Leiningen

[org.webjars.npm/vue-ckeditor2 "2.0.4"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

vue-ckeditor

Ckeditor using for Vue.js 2

Requirements

• Ckeditor >= 4
• Vue.js >= 2

Install

CDN

<script src="https://unpkg.com/vue-ckeditor2"></script>

NPM

$ npm install vue-ckeditor2 --save

Usage

This document applies to v2.0+. If you are looking for older versions, docs are here

Component

Then in your component:

<template>
  <div>
    <vue-ckeditor 
      v-model="content" 
      :config="config" 
      @blur="onBlur($event)" 
      @focus="onFocus($event)"
      @contentDom="onContentDom($event)"
      @dialogDefinition="onDialogDefinition($event)"
      @fileUploadRequest="onFileUploadRequest($event)"
      @fileUploadResponse="onFileUploadResponse($event)" />
  </div>
</template>

<script>
import VueCkeditor from 'vue-ckeditor2';

export default {
  components: { VueCkeditor },
  data() {
    return {
      content: '',
      config: {
        toolbar: [
          ['Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript']
        ],
        height: 300
      }
    };
  },
  methods: {
    onBlur(evt) {
      console.log(evt);
    },
    onFocus(evt) {
      console.log(evt);
    },
    onContentDom(evt) {
      console.log(evt);
    },
    onDialogDefinition(evt) {
      console.log(evt);
    },
    onFileUploadRequest(evt) {
      console.log(evt);
    },
    onFileUploadResponse(evt) {
      console.log(evt);
    }
  }
};
</script>

Props

Name	Type	Description
name	String	Name of instance ckedior. **Default: editor- **
id	String	Id of instance ckedior. Default: editor-1
types	String	Types of ckedior. Default: classic
config	Object	All configuration of ckeditor. Default: {}
instanceReadyCallback	Function	Optional function that will be attached to CKEditor instanceReady event.
readOnlyMode	Boolean	Option setReadOnly editor initializes in the proper mode. Default: false

Events

Name	Description
blur	Fired when the editor instance loses the input focus.
focus	Fired when the editor instance receives the input focus.
contentDom	Event fired when the editor content (its DOM structure) is ready
dialogDefinition	Event fired when a dialog definition is about to be used to create a dialog into an editor instance
fileUploadRequest	Event fired when the file loader should send XHR
fileUploadResponse	Event fired when the file loader response is received and needs to be parsed

Build Setup

You can use vue-cli with vue-rollup-boilerplate templates or other vue templates

Created By

• Dang Van Thanh

Thanks to contributers

License

MIT © Dang Van Thanh

Versions

Version
2.0.4 Jun 13, 2018