All Projects → anguer → vue-editor

anguer / vue-editor

Licence: other
This is a powerful and based on the 'Vue' Markdown editor.😂😂

Programming Languages

Vue
7211 projects
CSS
56736 projects
javascript
184084 projects - #8 most used programming language
shell
77523 projects

Projects that are alternatives of or similar to vue-editor

Editor.md
The open source embeddable online markdown editor (component).
Stars: ✭ 11,741 (+37774.19%)
Mutual labels:  markdown-editor, marked
Draft
▪️Online markdown editor
Stars: ✭ 29 (-6.45%)
Mutual labels:  markdown-editor, marked
Panwriter
Markdown editor with pandoc integration and paginated preview.
Stars: ✭ 242 (+680.65%)
Mutual labels:  markdown-editor
vue-string-filter
✂️ Vue 2.x lightweight string manipulation filter
Stars: ✭ 38 (+22.58%)
Mutual labels:  vue2
ClearWriter
A silent notepad.
Stars: ✭ 25 (-19.35%)
Mutual labels:  markdown-editor
Pine
A modern, native macOS markdown editor
Stars: ✭ 2,818 (+8990.32%)
Mutual labels:  markdown-editor
markdown-previewer
Markdown Previewer made with React.js
Stars: ✭ 15 (-51.61%)
Mutual labels:  marked
Mindforger Repository
MindForger documentation repository.
Stars: ✭ 221 (+612.9%)
Mutual labels:  markdown-editor
noteworthy
Markdown editor with bidirectional links and excellent math support, powered by ProseMirror. (In Development!)
Stars: ✭ 178 (+474.19%)
Mutual labels:  markdown-editor
Flask-MDE
Markdown editor with WTForms integration for Flask
Stars: ✭ 21 (-32.26%)
Mutual labels:  markdown-editor
vue-toast
vue.js toast tips 提示文本 Vue1.0&2.0
Stars: ✭ 17 (-45.16%)
Mutual labels:  vue2
hoodie-notes
A Markdown notebook built with React and Hoodie
Stars: ✭ 17 (-45.16%)
Mutual labels:  markdown-editor
rentry
Markdown pastebin from command line
Stars: ✭ 252 (+712.9%)
Mutual labels:  markdown-editor
notes
Simple text editor for your Markdown and LaTeX notes.
Stars: ✭ 24 (-22.58%)
Mutual labels:  markdown-editor
Toonote
小兔笔记:Markdown 内置数据 跨平台 加密存储
Stars: ✭ 247 (+696.77%)
Mutual labels:  markdown-editor
vue-text-marquee
A Vue component to Marquee. Just used CSS3 animation.
Stars: ✭ 24 (-22.58%)
Mutual labels:  vue2
Table Magic
Converts between CSV, HTML and Markdown. Has a little form editor and a preview.
Stars: ✭ 243 (+683.87%)
Mutual labels:  markdown-editor
ember-simplemde
A wrapper around the SimpleMDE editor for use in Ember CLI projects.
Stars: ✭ 14 (-54.84%)
Mutual labels:  markdown-editor
xknote
📒 XK-Note | 一个集各种神奇功能的云笔记
Stars: ✭ 69 (+122.58%)
Mutual labels:  markdown-editor
vue-input-autowidth
A Vue.js directive that automatically resizes an input's width to fit its contents.
Stars: ✭ 94 (+203.23%)
Mutual labels:  vue2

Vue Editor

VueEditor NPM downloads JS gzip size

Demo

or Edit in JSFiddle

Install

npm install vue-md-editor --save

or

<script src="https://unpkg.com/vue-md-editor/dist/vue-editor.min.js"></script>

Usage

// main.js
import Vue from 'vue'
import VueEditor from 'vue-md-editor'

Vue.use(VueEditor)

new Vue({
  el: '#app',
  data: {},
  ...
})
<!--index.html-->
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>VueEditor example</title>
</head>
<body>
  <div id="app">
    <vue-editor v-model="value"></vue-editor>
  </div>
</body>
</html>

Dependencies

Keyboards

Markdown Result Shortcut
**text** text Ctrl + B
_text_ text Ctrl + I
### text Heading Ctrl + H
~~text~~ text Ctrl + D
- text List Ctrl + U
1. text List Ctrl + O
[Demo](http://vue-editor.beblog.cn) Demo Ctrl + A
![Image](https://cn.vuejs.org/images/logo.png "Title") Image Ctrl + P
`text` text Ctrl + C
> text Blockquote Ctrl + Q

Issues

修复 Issue #5

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].