首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何获得CodeMirror-6编辑器的文本值

如何获得CodeMirror-6编辑器的文本值
EN

Stack Overflow用户
提问于 2022-07-14 14:19:17
回答 1查看 336关注 0票数 0

我正在使用CodeMirror来检查是否可以在我们的站点中使用它来允许用户编写c#脚本。我可以轻松地制作一个示例,但是我找不到任何文档nabout来获取编辑器的文本值来发送表单帖子。

联合来文来源:

代码语言:javascript
运行
复制
import {StreamLanguage} from "@codemirror/language"
import {csharp} from "@codemirror/legacy-modes/mode/clike"

import {EditorView, basicSetup} from "codemirror"

let editor = new EditorView({
  extensions: [basicSetup, StreamLanguage.define(csharp)],
  parent: document.getElementById('_formengine_script')
})

index.html:

代码语言:javascript
运行
复制
<!doctype html>
<meta charset=utf8>
<h1>CodeMirror!</h1>
<div id="_formengine_script"></div>
<script src="editor.bundle.js"></script>

我认为必须有各种方法来解决这一问题,但我没有任何办法。我在CodeVersion 5上找到了很多信息,但我更喜欢使用最新版本。

EN

回答 1

Stack Overflow用户

发布于 2022-07-16 16:26:06

遇到了同样的问题。codemirror 6文档很奇怪。它包含了许多深潜,但缺乏基本知识。

最后,我查看了单元测试,而不是文档。您可以在历史模块中找到一个很好的测试,测试会更改文档,然后检查文档是否包含预期的数据。

基于此,假设editor是对您的EditorView的引用,您将获得以下内容:

代码语言:javascript
运行
复制
editor.state.doc.toString();

更新:在写完这篇文章之后,我偶然发现了https://codemirror.net/docs/migration/ --只需进入“获取文档和选择”一章。它包含了您所搜索的示例。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/72982051

复制
相关文章

相似问题

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