quill editor component for Vue
vue vue-quill-editor quill editor vue-components vuejs vuejs2 vue-component vue2 editor-plugin quilljs quill-editor vue-resource vue-plugin web-editor text-editor vue-directive vue- vue-quill vue-text-editor vue-rich-text-editor vue-web-editor vue-editorThis repo houses the materials and resources for the Introduction to Vue.js. Most of the materials for the course are outlined below, but there are also directories housed here of very basic examples of some of the techniques we will cover so that students don't have to spend a lot of time researching in order to get started. It is recommended that students use CodePen to create work for the duration of the course, as we'll use preprocessors like SCSS as well as Babel for ES6, and resources like Vue.js, both prod and dev versions, codepen makes it easy to do so without time devoted to setup. If you like, you can also scroll to the CodePen collection section and fork one of the existing pens in those collections, they are comprehensive. There are more true-to-life build process examples, in the VueCLI, Nuxt, and Vuex Resource Sections. It's encouraged to watch the lecture to learn how to set up the builds yourself, though. For sections covering Nuxt, we will be using the directories listed in the Nuxt section below as well as their directories, prefixed with nuxt- here.
vue vuex introduction-to-vue vue-animations vue-cli vue-methods vue-watchers nuxt introduction-to-nuxt vue-directiveYou can configure which events you want vue-lazyload by passing in an array of listener names.
vue-lazyload vue lazyload vue-directiveSometimes you need to detect clicks outside of the element (to close a modal window or hide a dropdown select). There is no native event for that, and Vue.js does not cover you either. This is why vue-clickaway exists. Please check out the demo before reading further. If you need a version for Vue 1, try vue-clickaway@1.0.
vue click clickaway reusable vue-directive vuejsA plugin for Vue.js 2 that scrolls to the bottom of an element when new content is added within said element. Check out our lovely demo. Just include ./dist/vue-chat-scroll.js after Vue itself.
vuejs vuejs2 scrolling chat vue vue-directive scroll autoscroll roomIt can be tricky to manage input focus. You always have to fall back to accessing DOM elements and calling .focus or .blur on them. Well not anymore. vue-focus lets you manage focus from the safety of your view model.
vue focus reusable vue-directive vuejsv-lazy-img adds the directives v-lazy-load and v-lazy-load-bg. The latter changes the background image (css background-image) instead of the src-attribute.
vuejs2 vuejs vue-directive image-loader vue lazy-loading imageVue 2.x directive to react on events outside of an element without stopping the event's propagation. Works well for handling clicks outside of menus and popups. Can handle any DOM event or CustomEvent. Also able to capture jQuery events.
vuejs2 vuejs vue-directive event events dom-events vueInclude the vue-click-outside.js to your HTML or web page file after Vue.Js. or import it to your Javscript / Vue File. Hopefully this can be useful for your next projects.
vue click-outside vuejs custom-event vue-directiveMaterial Ripple Effect as Vue Directive. This directive it's meant to be used in any element in which you like to achieve such ripple effect.
vue ripple material-ripple vue-directive material directive ripple-effect buttonVue directive to detect HTML resize events based on CSS Element Queries with debouncing and throttling capacity. Use this option when you need to receive all the resize events.
vuejs2 resize-events vue-directive vue vuejs web-componentsVue directive for conditional rendering (like v-if) element on screen smaller than breakpoints;
vue vuejs directives vue-directive vue2 breakpoints responsive screen mobile helpers uiVue.js (2+) directive that clamps the content of an element by adding an ellipsis to it if the content inside is too long. It uses @clampy-js/clampy library (a fork of Clamp.js) behind the scene to apply the ellipsis.
clamp ellipsis clampy-js clampy vue vue-directive vuejsA tiny Vue directive that stop propagation scroll when edge reached
vue vuejs2 vue2 scroll scrolling vue-directiveIs a directive to use responsive breakpoints on html elements. Because sometimes it's nice to have a chance to let the view do resolution specific things.
vue vue-element vue-directive vuejs responsive responsive-designVue imge placeholder directive for broken images. This directive can receive string or object value.
vue vuejs vue-directive directives image placeholder es5 es6 babel webpack rollup:running: Vue.js directive to add a document event listener on escape keyup.
vuejs vue-directive escape-keyup vue-esc vue directive escape
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.