简介
inferno-monaco-editor 是一个基于 Inferno 框架封装的 Monaco Editor 组件，它能够让前端开发者在自己的站点中快速集成一个功能丰富、高性能的代码编辑器。
安装
通过 npm 安装 inferno-monaco-editor：
--- ------- ------ ---------------------
使用
在需要使用inferno-monaco-editor组件的文件中，可以这样引入并使用它：
------ ------- ---- ----------
------ ------------------- ---- ------------------------
----- ---- - --------- ----------- -
------------------- - - ---- - -----
-
-----------------
-------- ------------------------- -
-------------------
-
-------- ----- -
------ -
--------------------
---------------------
------------
-----------------------------
------------
--
--
-
------------------- --- --------------------------------这将会在你的页面上显示一个高亮语法的、带有行号的、带有代码提示的 JavaScript 代码编辑器，从 code 变量中读取初始值。
在编辑器中输入或修改代码将会导致 handleEditorChange 函数被调用，它在控制台中输出当前代码的值。
Props
inferno-monaco-editor 组件支持以下属性：
language
语言 ID，比如 javascript、python、html 等。
可以在 monaco.languages.getLanguages() 中查看所有支持的语言。
value
编辑器中初始的代码。
height
编辑器的高度。
width
编辑器的宽度。
onChange
编辑器中代码改变时触发的回调函数。
options
编辑器的配置选项，详见 Monaco Editor 文档。
指导意义
使用 inferno-monaco-editor 可以让前端开发者快速集成一个高性能、高可定制性的代码编辑器，让我们的网站的表现更加出色，功能更加完整。
在使用过程中，我们应该多查阅一些文档，熟悉 Moncao Editor 的 API 以及插件的开发方式，可以在一定程度上提升我们的开发效率。同时也可尝试实现更优美的 UI 或特定的功能，以满足业务需求。
示例代码
------ ------- ---- ----------
------ ------------------- ---- ------------------------
----- ---- - --------- ----------- -
------------------- - - ---- - -----
-
-----------------
-------- ------------------------- -
-------------------
-
-------- ----- -
------ -
--------------------
---------------------
------------
-----------------------------
----------
--------- ---
-------- -
-------- ------
--
---------- -
------------------------ ------
--
--------- -----
--
------------
--
--
-
------------------- --- --------------------------------来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005777181e8991b448ead4b