vue-rich-text-editor

Rich text editor made with vue
1,375
vue vue-rich-text-editor rich-text-editor vue-rich-editor vuerichtexteditor
Install
npm install vue-rich-text-editor
Latest Version:0.0.8
Vue:2
License:MIT
Last Updated:May 24, 2019
Links: npm
Maintainer: archiehurry

vueRichTextEditor

install size Codacy Badge

Rich Text Editor made with Vue

If you like, please give me a star ♪(^∇^*)

如果你喜欢它，可以给我星星吗 ♪(^∇^*)

demo

English 中文文档

onlineDemo

How to use

import vueRichTextEditor from 'vue-rich-text-editor';
Vue.use(vueRichTextEditor)

<vueRichTextEditor ref="editor"></vueRichTextEditor>

vueRichTextEditor API Doc

props
Parameters Description Type Optional values Default value
height - String Y '400px'
canEdit - Boolean Y true
timelyGetHtml Whether to get HTML in time Boolean Y false
langType Language type, optional values'EN','CN' String Y 'EN'
confirmCallBack(type, html) Edit callback functions for hyperlinks and images, need return HTML Function Y return html
imgUploadCallBack(event) Callback function after clicking upload picture button Function Y Insert selected pictures in Base64 format
methods
Method name Description Parameters
appendHtml Insert HTML at the end of the document -
setHtml - -
getHtml - -
insertHtml Insert HTML at the cursor html
setLanguage Setting Language, Chinese and English can be set by langType language.js
emit
emit name Description
htmlChange if timelyGetHtml is true, this can return html of editor timely

Browser support

IE10+, chrome, firefox or other modern Browser

Upgraded content

0.0.6 (2019-5-24 16:22:25)

Added photo editing and uploading functions

0.0.5 (2019-5-22 16:13:22)

Added the function of editing hyperlinks

more version info

Related Packages

feather-editor-vue

A lightweight, zero-dependency rich text editor with clean Feather icons. Framew...

811
rich-text-editor vue vue-rich-text-editor contenteditable editor feather feather-editor headless rte vue3 +2
@syncfusion/ej2-vue-richtexteditor

Essential JS 2 RichTextEditor component for Vue

257,159 316
vue-rich-text-editor vue-html-editor vue-markdown-editor vue-wysiwyg-editor
@naersen/tts-rich-text

Reusable Vue 3 rich-text editor for TTS workflows

2,492
rich-text-editor vue tiptap tts
@richhtmleditor/vue

Vue 3 wrapper for Rich HTML Editor.

1,763
rich-text-editor vue richhtmleditor wysiwyg
@norio-office/rich-text

A reusable Vue 3 rich text editor component built with Tiptap 3.

1,067
rich-text-editor component-library tiptap vue3

Version History

Version Released Vue License
0.0.8 ^2.5.11 MIT
0.0.6 ^2.5.11 MIT
0.0.5 ^2.5.11 MIT
0.0.4 ^2.5.11 MIT
0.0.3 ^2.5.11 MIT