1. vue-bulma-quill
Your powerful, rich text editor for Vue
vue-bulma-quill
Package: vue-bulma-quill
Created by: vue-bulma
Last modified: Tue, 28 Jun 2022 19:05:49 GMT
Version: 0.0.1
License: MIT
Downloads: 385
Repository: https://github.com/vue-bulma/quill

Install

npm install vue-bulma-quill
yarn add vue-bulma-quill

Quill

Your powerful, rich text editor http://quilljs.com

Installation

$ npm install vue-bulma-quill --save

Examples

<template>
  <div class="box">
    <h3 class="title">
      Your powerful, rich text editor.
      <a href="http://quilljs.com">http://quilljs.com</a>
    </h3>
    <quill :options="{ theme: 'snow' }">
      <h2>One Ring to Rule Them All</h2>
      <p><a href="http://en.wikipedia.org/wiki/One_Ring">http://en.wikipedia.org/wiki/One_Ring</a></p>
      <p><br/></p>
      <p>Three Rings for the <em>Elven-kings</em> under the sky,</p>
      <p>Seven for the <u>Dwarf-lords</u><span> in halls of stone,</p>
      <p>Nine for <u>Mortal Men</u>, doomed to die,</p>
      <p>One for the <u>Dark Lord</u> on his dark throne.</p>
      <p><br/></p>
      <p>In the Land of Mordor where the Shadows lie.</span></p>
      <p>One Ring to <strong>rule</strong> them all, One Ring to <strong>find</strong> them,</p>
      <p>One Ring to <strong>bring</strong> them all and in the darkness <strong>bind</strong> them.</p>
      <p>In the Land of Mordor where the Shadows lie.</p>
    </quill>
  </div>
</template>

<script>
import Quill from 'vue-bulma-quill'

export default {
  components: {
    Quill
  }
}
</script>

<style lang="styl">
@import "~quill/assets/snow"
</style>

Badges



fundon.me  · 
GitHub @fundon  · 
Twitter @_fundon

Dependencies

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin