首页 > 解决方案 > 如何在 Monaco Editor 中更改建议的设计

问题描述

我尝试更改设计并在摩纳哥编辑器建议中注入一些 html 标记。

例如

const suggestions = 
      {
        label: 'CPU',
        detail: 'cpu',
        unit: 'byte',
        insertText: 'cpu === ${1:value}',
        insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,
      },

//register suggestions by registerCompletionItemProvider


const suggestionRenderer = (suggestion) => {
  const {label, unit, detail} = suggestion;
  return <div>{label}<span class="info">{unit}</span>{detail}</div>
}

// adding suggestionRender to monaco

摩纳哥编辑器中是否有任何用于建议的渲染器方法?

标签: javascriptreactjsmonaco-editor

解决方案


推荐阅读