Monaco Editor教程（四）：设置或获取内容，并监听内容的改变

背景

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

设置值

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

相同语言模型下重新赋值

function setValue() {// 第一种重新设置值var currentModel = editor

Monaco Editor教程（四）：设置或获取内容，并监听内容的改变相关推荐

Monaco Editor教程（十）：如何系统学习monaco editor
背景 monaco editor教程已经发布了九篇了,根据文章的数据来看,阅读量还不错,这说明学习monaco 的开发者还是不少的,之前讲解的知识点都是比较零碎的,你根据之前的几篇文章,也能做出一个简 ...
input框的内容变化监听
input的两个功能 1.不允许一开始输入空格(即在input框内容为空的时候,输入空格是没有作用的) 2.input框的内容变化监听这属于比较完美的input的设计了下面是html代码实现功能1 ...
获取运行端口监听的用户身份auth-owner
获取运行端口监听的用户身份auth-owner Windows系统提供工作在TCP 113端口的授权服务(Authentication Service),用来判断TCP连接的用户.Nmap的auth- ...
netstat获取本机监听的地址列表 —— *awk与splite命令实现*（sudo netstat -nl | grep tcp……）
问题描述: 校验某个端口是否被使用(80端口是否被使用): 1.获取本机监听的地址列表中,协议类型为tcp与tcp6的端口: (sudo netstat -nl | grep tcp | awk ' ...
netstat获取本机监听的地址列表 —— *链表实现*（sudo netstat -nl | grep -w tcp | awk '{print $4}'）
问题描述: 获取本机监听的地址列表中,协议类型为tcp的端口.(sudo netstat -nl | grep -w tcp) 知识填充: 在linux一般使用netstat 来查看系统端口使用情况步 ...
android glide加载webp动画设置播放动画次数和监听动画播放完成
需求产品经理说:需要使用一系列的动画,我说没问题啊,用gif图不就好了吗?结果,设计师给了我一系列的webp动图.我能怎么办? 先是百度了一番,找到了一个播放webp动画的glide库,库地址是Gl ...
Monaco Editor教程（二十）：在编辑器的某个特定位置插入自定义的dom内容，图片，表单，表格，视频
前言哇咔咔,这是我的第20篇Monaco教程,写完这一篇会暂时休息一段时间,练练字,存存稿,读读书,顺便修修文章. 目前全网成系统的monaco中文专栏应该只有我这一个,欢迎评论区打脸.自结束了Gi ...
Monaco Editor教程（五）：实现同时多文件编辑，tab切换
背景上一篇我们讲解了如何设置编辑器的值,获取编辑器的值,以及监听编辑器的内容修改.这些功能对于基础的单文件修改,一次只修改一个文件的业务场景比较友好.但如果是复杂的场景,比如WEB IDE,同时打开 ...
Monaco Editor教程（十八）：使用api来完成某些键盘操作，格式化，查找，显示右侧菜单等。
背景在一般的Web IDE中,我们需要将经常用到的一些操作放到顶部操作栏里,类似语雀的文档编辑. 代码编辑器,一般也会放一些查找,格式化,撤销,恢复.有些人喜欢用快捷键来进行这些操作,但由于mona ...

Monaco Editor教程（四）：设置或获取内容，并监听内容的改变

背景

设置值

相同语言模型下重新赋值

Monaco Editor教程（四）：设置或获取内容，并监听内容的改变相关推荐

最新文章

热门文章