编辑器的高度无法设置

[Hideer]

如下，我想讲编辑器的高度设置撑满屏幕，但是从就是撑不满

.markdown-editor{
        height: 100%;
        background: gray;
        .editor-toolbar{
            height: 100px;
        }
    }

[F-loat]

.markdown-editor .CodeMirror 要修改这个 class 的样式，这里有介绍

[Hideer]

你好我修改了，但是无效，我刚刚找到原因了，因为我将样式加在scoped内，所以失效了，这是为什么呀， 不故宫刚刚又发现了一个问题，几十，使用代码高亮无效，我附上代码您可以帮我看看么

我是全局注册的

<template>
<div class="edit-box">
<markdown-editor
v-model="content"
:configs="configs"
:highlight="true"
preview-class="markdown-body"
ref="markdownEditor"></markdown-editor>
</div>
</template>

[Hideer]

@F-loat

[F-loat]

加了 scoped 属性就没办法影响子组件了，不过 style 标签可以多次使用的。代码高亮还需要自行引入高亮库，并挂到 window 对象上，Readme 中有介绍。

[Hideer]

你好你看了我的代码么：我是引入了高亮的库，并且挂载到了window的对象下了

您看，但是可惜的是，并没有高亮的效果。

[Hideer]

并且我有一个疑惑，编辑器具有自动保存的功能，我想知道他的值是保存在哪里的呢，由于我们将内容绑定到了data属性中，但是data属性中的值是存在内存的，页面一刷新，就会丢失，但是编辑器的内容却是存在的，我可每次vue在create的时候再次将编辑器的内容赋予data的属性，储存到内容中，但是这样感觉并不优雅， 并且，没有明白编辑器自动保存的核心。 @F-loat

[F-loat]

之前你发的代码里没有引入 highlight 吧，自动保存应该是保存在 localStorage 里的