Home Javascript Simple and Lightweight Trix Rich-text Editor Vue.js

Simple and Lightweight Trix Rich-text Editor Vue.js

Vue Trix Text Editor is a simple and lightweight component of the Vue.js rich Trix text editor for everyday writing.

trix editor demo example, trix editor plugins, rich text editor online free, rich text editor javascript open source, rich text editor free

Features

Simple and lightweight rich text editor for everyday writing.
Two ways bind with v-form easily.
Editor data automatically save what you’ve typed into the form input if something goes wrong (eg the browser might crash or you accidentally refresh the page without submitting a save).

Pure Javascript WYSIWYG Rich Text Editor | KothingEditor

How to make use of it:

Install and download:

# Yarn
$ yarn add vue-trix

# NPM
$ npm install vue-trix --save

In main.js, import the package as a global component.

import "vue-trix";

import VueTrix from "vue-trix";

export default {
  // ...
  components: {
    VueTrix
  }
};

inputId: This is referenced id of the hidden input field defined, it is optional.
inputName: This is referenced name of the hidden input field defined, the default value is content.
placeholder: The placeholder option attribute specifies a short hint that describes the expected value of an editor.
autofocus: Automatically focus the editor when it loads
disabledEditor: This prop will put the editor in read-only mode.
localStorage: The boolean attribute allows saving editor state into the browser’s localStorage (optional, default is false).