https://github.com/deveodk/vue-tinymce

An easy to use tinyMCE wrapper for vue.js, without use of jquery. Plug and play style with translation support.
https://github.com/deveodk/vue-tinymce

Last synced: about 2 months ago
JSON representation

An easy to use tinyMCE wrapper for vue.js, without use of jquery. Plug and play style with translation support.

• Host: GitHub
• URL: https://github.com/deveodk/vue-tinymce
• Owner: Deveodk
• License: mit
• Created: 2017-02-15T16:09:18.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2017-06-06T14:47:45.000Z (over 7 years ago)
• Last Synced: 2024-05-23T02:03:56.468Z (8 months ago)
• Language: JavaScript
• Homepage: https://packages.deveo.io/packages/vue/vue-tinymce
• Size: 282 KB
• Stars: 5
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# @deveodk/vue-tinymce

[![npm](https://img.shields.io/npm/v/@deveodk/vue-tinymce.svg)](https://www.npmjs.com/package/@deveodk/vue-tinymce) [![vue2](https://img.shields.io/badge/vue-2.x-brightgreen.svg)](https://vuejs.org/)

> An easy to use tinyMCE wrapper for vue.js, without use of jquery. Plug and play style with translation support.

# Demo

See a functioning demo

deveo demo site

## Installation

```bash

npm install --save @deveodk/vue-tinymce

```

## Usage

### Bundler (Webpack, Rollup)

```js

import Vue from 'vue'

import vueTinymce from '@deveodk/vue-tinymce'

// You need a specific loader for CSS files like https://github.com/webpack/css-loader

import '@deveodk/vue-tinymce/dist/@deveodk/vue-tinymce.css'

Vue.use(vueTinymce)

```

### Browser

```html

```

## Example

Using the tinyMCE wrapper is easy

```html

# Include the tag in your html

# The height can be set by a prop

```

## Events

The editor will emit an change event you can listen for

```html

# You can listen and fire an custom method by doing

```

## Translations

You can add any language that tinyMCE supports.

```code

# If you want to add localization

import tinyMCE from '@deveodk/vue-tinymce'

import '@deveodk/vue-tinymce/dist/@deveodk/vue-tinymce.css'

# Just add the language from the packages translation foler

# Example using danish

# List of available languages 

# https://www.tinymce.com/download/language-packages/

import '@deveodk/vue-tinymce/translations/da'

Vue.use(tinyMCE)

```

## License

[MIT](http://opensource.org/licenses/MIT)