当前位置: 首页 > 工具软件 > monaco-editor > 使用案例 >

Monaco Editor教程(四):设置或获取内容,并监听内容的改变

董花蜂
2023-12-01

背景

上一篇我们详细介绍了使用monaco-editor来实现一个hello-world的示例,并详细介绍了其中涉及的资源加载,相关参数。本篇文章让我们一起学习如何设置编辑器的内容,获取编辑器的内容,和监听编辑器的内容改动。

设置值

书接上文,我们在上篇初始化了一个编辑器,并设置了初始值,那么现在我们想要点击页面的一个按钮,重新给编辑器设置新的值。应该怎么做那? 这里针对业务场景有两种方式,第一种,如果二次的内容类型或者内容语言一样,都是js,或者python,可以获取当前的model,重新设置值,如果是另一种新的语言内容,那么需要重新创建一个model。 具体model的含义 我们后面会提到,现在我们就先把它当做一个语言模型。
首先说第一种 相同语言模型的重新赋值

相同语言模型下重新赋值

function setValue() {
   
	// 第一种重新设置值
	var currentModel = editor
 类似资料: