More Premium Hugo Themes Premium Vue Themes

Vue Wysiwyg

A lightweight WYSIWYG HTML editor for Vue.js

Vue Wysiwyg

A lightweight WYSIWYG HTML editor for Vue.js

Author Avatar Theme by chmln
Github Stars Github Stars: 571
Last Commit Last Commit: May 30, 2020 -
First Commit Created: Aug 27, 2024 -
Vue Wysiwyg screenshot

Overview

The document provides instructions and information on the installation and usage of the Vue-WYSIWYG editor. It includes details on the features, configuration options, available modules, locales, and a note on the image upload API endpoint.

Features

  • Available Modules: Offers a range of modules including bold, italic, underline, justify left, justify center, justify right, headings, link, code, ordered list, unordered list, image, table, remove format, and separator.
  • Config Options: Allows users to customize the editor by including optional keys.
  • Available Locales: Supports multiple languages such as English (default), Hungarian, Dutch, and German.

Installation

To install the Vue-WYSIWYG editor, follow these steps:

  1. Install vue-wysiwyg package.
    npm install vue-wysiwyg --save
    
  2. In your main.js file, import the editor and load the stylesheet.
    import wysiwyg from "vue-wysiwyg"
    import "vue-wysiwyg/dist/vueWysiwyg.css"
    
    Vue.use(wysiwyg)
    
  3. Configure the editor in your components by incorporating the desired modules and configuring any optional keys.
  4. Set the desired locale by specifying the language in the configuration.

Summary

The Vue-WYSIWYG editor is a versatile tool that provides a user-friendly interface for creating content. With various modules like bold, italic, and link, users can enhance their text easily. By following the installation guide and configuring the editor with desired options, users can fully utilize its features. Additionally, the editor supports multiple languages to cater to a diverse user base.