vue-monaco - MonacoEditor component for Vue.js

  •        427

Monaco Editor is the code editor that powers VS Code.Use ref to interact with the MonacoEditor component in order to access methods: , then this.$refs.editor.getMonaco() will be available.

https://github.com/egoist/vue-monaco

Dependencies:

nano-assign : ^1.0.0

Tags
Implementation
License
Platform

   




Related Projects

Monaco Editor - A browser based code editor

  •    Javascript

The Monaco Editor is the code editor that powers VS Code, which when combined with programming language services, gives you the power of an IDE and the speed of a text editor. It supports Rich IntelliSense, Validation for Javascript, Typescript, CSS, HTML. It also supports syntax coloring all languages.

vuep - 🎡 A component for rendering Vue components with live editor and preview.

  •    Javascript

🎡 A component for rendering Vue components with live editor and preview. you can write in HTML file or even a markdown file.

Tinymce-vue - Official TinyMCE Vue component

  •    Typescript

This package is a thin wrapper around tinymce to make it easier to use in a Vue application.


vue-medium-editor - ✍️ A MediumEditor component for Vue 2. Demo:

  •    Javascript

A medium-editor component for Vue2. For Vue1 checkout branch 1.0. A list of available options can be found in the documentation of MediumEditor. Optionally you may use the standalone builds from dist which have medium-editor.js included.

vue2-editor - A text editor using Vue.js and Quill

  •    Vue

If you choose to use the custom image handler, an event is emitted when a a photo is selected. You can see below that 3 parameters are passed. NOTE In addition to this example, I have created a example repo demonstrating this new feature with an actual server.

vue-simplemde - 📝Vue-SimpleMDE - use simplemde with vue.js

  •    Vue

Markdown Editor component for Vue.js. Support only vue2.x. vue-simplemde is open source and released under the MIT Licence.

vue-vscode-snippets - These snippets were built to supercharge my workflow in the most seamless manner possible

  •    Javascript

These snippets were built to supercharge my workflow in the most seamless manner possible. This repo was built particularly for real world use. It doesn't catalogue the API definitions, and it's not a kitchen sink approach. Rather, it focuses on developer ergonomics from the point of Vue of real world use. Included are the pieces I personally get sick of typing, have to keep looking up, or forget to consider while developing that I make more use of when they're at my fingertips.

Handsontable - JavaScript/HTML5 UI Spreadsheet library for web apps. Available for React, Vue and Angular

  •    Javascript

Handsontable Community Edition (CE) is an open source JavaScript/HTML5 UI Spreadsheet component for web apps. It easily integrates with any data source and comes with a variety of useful features like data binding, validation, sorting or powerful context menu. It is available for Vue, React, Angular and Polymer.

monaco-font - Install `Monaco Font` or other fonts on Linux distro (Ubuntu, CentOS...)

  •    Shell

Install Monaco Font on Linux distro. The idea started from here http://jorrel.blogspot.it/2007/11/monaco-on-ubuntu.html. The main goal of the repo was to provide a script that download and install the Monaco font on ubuntu and not provide the font itself.

vue-wysiwyg - A lightweight WYSIWYG HTML editor for Vue.js

  •    Vue

Also make sure to load the stylesheet. The exact syntax will depend on what preprocessor you use. All keys are optional.

vueditor - A wysiwyg editor written in Vue.js and Vuex.js

  •    Vue

A wysiwyg editor written in Vue.js and Vuex.js, require Vue.js 2.0.0, Vuex.js 2.0.0 and above. Browser compatibility: Chrome, Firefox, Safari, IE 9+.

vue-typer - Vue component that simulates a user typing, selecting, and erasing text.

  •    Vue

Vue component that simulates a user typing, selecting, and erasing text. Play with vue-typer in this interactive demo. VueTyper has a single dependency to lodash.split to support emojis and other multi-codepoint Unicode characters. Apart from this, VueTyper does not have any direct dependencies to any other library or framework -- not even to Vue itself! All required Vue API calls are made through Vue's this.$* context methods. This means VueTyper can only execute within a Vue application context, but in exchange, it does not need to pull in Vue, which keeps VueTyper lightweight.

vue-croppa - A simple straightforward customizable mobile-friendly image cropper for Vue 2.0.

  •    Vue

A simple straightforward customizable mobile-friendly image cropper for Vue 2.0. A two-way binding prop. It syncs an object from within the croppa component with a data in parent. We can use this object to call useful methods (Check out "Methods" section). Since v1.0.0, you don't need this anymore, the ref on component can also be used to call methods.

vue-recaptcha - Google ReCAPTCHA component for Vue.js

  •    Javascript

Google ReCAPTCHA component for vue. If you like this package, please leave a star on github. This version is for Vue 2.0. If you need Vue 1.x support please reference to vue-v1.x.

mavonEditor - mavonEditor - A markdown editor based on Vue that supports a variety of personalized features

  •    Vue

查看更多图片点击这里... 更多引入方式点击这里...