Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

511
Views
How to change design of suggestions in Monaco Editor

I try to change design and inject some html tag in monaco editor suggestions.

for example

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

Is there any renderer method for suggestions in monaco editor?

about 4 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!