File tree Expand file tree Collapse file tree 3 files changed +4
-9
lines changed Expand file tree Collapse file tree 3 files changed +4
-9
lines changed Original file line number Diff line number Diff line change @@ -20,25 +20,19 @@ npm install vue-simplemde --save
20
20
// import with ES6
21
21
import Vue from ' vue'
22
22
import VueSimplemde from ' vue-simplemde'
23
- import ' simplemde/dist/simplemde.min.css'
24
23
25
24
// require with Webpack/Node.js
26
25
var Vue = require (' vue' )
27
26
var VueSimplemde = require (' vue-simplemde' )
28
- require (' simplemde/dist/simplemde.min.css' )
29
27
30
28
// use
31
29
Vue .use (VueSimplemde)
32
30
```
33
31
34
32
``` javascript
35
33
// or use with component(ES6)
36
-
37
- // main.js
38
- import ' simplemde/dist/simplemde.min.css'
39
-
40
- // component
41
34
import { markdownEditor } from ' vue-simplemde'
35
+
42
36
export default {
43
37
components: {
44
38
markdownEditor
Original file line number Diff line number Diff line change @@ -238,15 +238,15 @@ The list of actions that can be bound is the same as the list of built-in action
238
238
To change the minimum height (before it starts auto-growing):
239
239
240
240
``` CSS
241
- .CodeMirror , .CodeMirror-scroll {
241
+ .markdown-editor . CodeMirror , .markdown-editor .CodeMirror-scroll {
242
242
min-height : 200px ;
243
243
}
244
244
```
245
245
246
246
Or, you can keep the height static:
247
247
248
248
``` CSS
249
- .CodeMirror {
249
+ .markdown-editor . CodeMirror {
250
250
height : 300px ;
251
251
}
252
252
```
Original file line number Diff line number Diff line change 6
6
7
7
<script >
8
8
import SimpleMDE from ' simplemde'
9
+ import ' simplemde/dist/simplemde.min.css'
9
10
10
11
export default {
11
12
name: ' markdown-editor' ,
You can’t perform that action at this time.
0 commit comments