Skip to content

Commit

Permalink
Remove jQuery & Support Material Design Icons
Browse files Browse the repository at this point in the history
  • Loading branch information
nasa8x committed Mar 14, 2020
1 parent a89698e commit ff61bd1
Show file tree
Hide file tree
Showing 24 changed files with 5,418 additions and 6,130 deletions.
56 changes: 31 additions & 25 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
# Vue Markdown Editor component for Vue.js

[Vue JS - The Complete Guide (incl. Vue Router & Vuex)](https://learnstartup.net/go/BJBa7-l-g)
[What's new in Bootstrap 5)](https://morioh.com/p/46e9af3b9b04)

[How to Create a Chrome Extension with Vue.js](https://morioh.com/p/0169fb660bae)
[Vue.JS Tutorial: Learn Vue.js from Scratch](https://morioh.com/list/5dd27fc107964607af718993)

[How To Build a Blog with Nest.js, MongoDB, and Vue.js](https://morioh.com/p/74ffc8a798bb)
[Javascript Tutorial for Absolute Beginners](https://morioh.com/list/5dcd0341203e265d661aa028)

![Markdown Editor Preview](https://i.imgur.com/Bcr3Xhk.png)
![Markdown Editor Preview](https://i.imgur.com/jdhT2Yf.png)


### Demo
Expand All @@ -20,7 +20,7 @@ npm install v-markdown-editor
```

```js
import 'v-markdown-editor/dist/index.css';
import 'v-markdown-editor/dist/v-markdown-editor.css';

import Vue from 'vue'
import Editor from 'v-markdown-editor'
Expand All @@ -33,6 +33,13 @@ Vue.use(Editor);

### Use CDN

```
<link href="https://cdn.jsdelivr.net/npm/v-markdown-editor/dist/v-markdown-editor.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/v-markdown-editor/dist/v-markdown-editor.min.js" type="text/javascript"></script>
```

```
<link href="https://unpkg.com/v-markdown-editor/dist/v-markdown-editor.css" rel="stylesheet">
Expand All @@ -42,14 +49,19 @@ Vue.use(Editor);
```

## Require
## Change

Bootstrap 4 & Fontawesome
```
1.2.0
- Support Fontawsome & Material Design Icons
- Remove jQuery
```


## Example

```js
```html

<template>
<div class="container">
Expand Down Expand Up @@ -87,7 +99,7 @@ Bootstrap 4 & Fontawesome
## v-model


```js
```html

<template>
<div class="container">
Expand Down Expand Up @@ -115,7 +127,7 @@ Bootstrap 4 & Fontawesome
### Toolbar


```js
```html

// full toolbar: clipboard redo undo | bold italic strikethrough heading | image link | numlist bullist code quote | preview fullscreen

Expand All @@ -130,7 +142,7 @@ Bootstrap 4 & Fontawesome
### add custom button


```js
```html

<template>
<div class="container">
Expand All @@ -147,7 +159,7 @@ Bootstrap 4 & Fontawesome
custom: {
'upload': {
cmd: 'upload',
className: 'fas fa-upload',
ico: 'fas fa-upload',
title: 'Upload File'
}
}
Expand All @@ -173,7 +185,7 @@ Bootstrap 4 & Fontawesome
### Handle editor


```js
```html

<template>
<div class="container">
Expand Down Expand Up @@ -206,25 +218,19 @@ Bootstrap 4 & Fontawesome

```

### Custom submit form input name


```js
### Auto resize

<template>
<div class="container">
<markdown-editor name="html"></markdown-editor>
</div>
</template>
```html

<markdown-editor height="auto"></markdown-editor>
```


### Auto resize
### Button Theme

```js
```html

<markdown-editor height="auto"></markdown-editor>
<markdown-editor theme="primary"></markdown-editor>
```


2 changes: 1 addition & 1 deletion dist/index.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion dist/index.css.map

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading

0 comments on commit ff61bd1

Please sign in to comment.