上一篇我们详细介绍了使用monaco-editor来实现一个hello-world的示例,并详细介绍了其中涉及的资源加载,相关参数。本篇文章让我们一起学习如何设置编辑器的内容,获取编辑器的内容,和监听编辑器的内容改动。
书接上文,我们在上篇初始化了一个编辑器,并设置了初始值,那么现在我们想要点击页面的一个按钮,重新给编辑器设置新的值。应该怎么做那? 这里针对业务场景有两种方式,第一种,如果二次的内容类型或者内容语言一样,都是js,或者python,可以获取当前的model,重新设置值,如果是另一种新的语言内容,那么需要重新创建一个model。 具体model的含义 我们后面会提到,现在我们就先把它当做一个语言模型。
首先说第一种 相同语言模型的重新赋值
function setValue() {
// 第一种重新设置值
var currentModel = editor