【问题标题】:Quasar Dialog with CodeMirror带有 CodeMirror 的 Quasar 对话框
【发布时间】:2019-08-03 17:53:35
【问题描述】:

我的代码镜像在对话框中工作,但行号和装订线间距似乎超过了文本的前 5 个字符。

一旦您开始输入数字,就会跳转到它们应该在的位置,但排水沟部分仍然保留并在您输入时与内容重叠

这只发生在对话框上,当我将代码镜像添加到普通页面(对话框之外)时,它可以 100% 工作。

以及发生这种情况的原因。我在选项中添加了“刷新:真”,但仍然没有帮助。

谢谢

【问题讨论】:

  • 尝试使用autoRefresh: true,这会在每次更改时刷新代码镜像,而不是在初始化时刷新。
  • 嗨@Souleste 它仍然具有相同的行为。

标签: vue.js codemirror quasar


【解决方案1】:

到处搜索,找不到任何答案。

最终使用它并完美运行。

https://github.com/run-ze/vue-ace

【讨论】:

    【解决方案2】:

    以下 CSS 修复 Quasar Dialog 上的 CodeMirror

    <style >
        .CodeMirror-lines { 
            padding-left: 25px 
        }
    </style>
    

    【讨论】:

      猜你喜欢
      • 2022-11-08
      • 1970-01-01
      • 1970-01-01
      • 2020-04-25
      • 1970-01-01
      • 1970-01-01
      • 2023-04-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多