Monaco 使用 ColorProvider

最新推荐文章于 2024-10-16 16:26:58 发布

hawk2014bj

最新推荐文章于 2024-10-16 16:26:58 发布

阅读量193

点赞数 3

分类专栏： Monaco Editor 使用文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/hawk2014bj/article/details/140384265

版权

Monaco Editor 使用专栏收录该内容

26 篇文章 4 订阅 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

Manco 中可以使用调色板对色值进行修改，首先看一下调色版效果。

在这里插入图片描述
调色板是 Monaco-Editor 中一个特别的组件，通过两个方法实现呼出调色板，provideColorPresentations 显示调色窗口，provideDocumentColors 监听页面的变更，如果是色值（根据正则去判断）就在字符串前添加颜色块。

实现代码如下


export function colorProvider(editor, monaco){
    return monaco.languages.registerColorProvider('javascript',{
        provideDocumentColors: function (model, token) {
          const colors = [];
          const lines = model.getLinesContent();

          for (let lineNumber = 1; lineNumber <= lines.

了解本专栏