首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >CodeMirror 6,如何获得输入/更新/更改事件的编辑器值?

CodeMirror 6,如何获得输入/更新/更改事件的编辑器值?
EN

Stack Overflow用户
提问于 2022-05-27 11:48:30
回答 1查看 1.5K关注 0票数 4

当文本更改变量更改/同步时,我希望将CodeMirror 6编辑器实例的内容/值反映在外部变量中。

如何在CodeMirror 6中做到这一点

伪码

代码语言:javascript
运行
复制
let sync_val = "";

import {EditorView} from "@codemirror/view"
import {EditorState} from "@codemirror/state"

let myView = new EditorView({
  state: EditorState.create({doc: "hello"}),
  parent: document.body
})

myView.onChange(function(val) {
  sync_val = val;
});
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-05-27 15:15:11

以下工作(使用updateListener扩展):

代码语言:javascript
运行
复制
let sync_val = "";

import {EditorView} from "@codemirror/view"
import {EditorState} from "@codemirror/state"

let myView = new EditorView({
    state: EditorState.create({
        doc: "hello",
        extensions: [
            EditorView.updateListener.of(function(e) {
                sync_val = e.state.doc.toString();
            })
        ]
    }),
    parent: document.body
})
票数 6
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/72404988

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档