x6 highlighting 默认高亮 设置 示例代码

以下是一个示例代码，演示如何使用 x6 highlighting 库来设置默认高亮：

import { highlight, languages } from 'x6-highlighting'

// 设置默认语言为 JavaScript
highlight.registerLanguage('default', () => languages.js)

// 设置默认高亮样式
highlight.setTheme({
  keyword: '#007acc',
  function: '#007acc',
  string: '#a31515',
  number: '#007acc',
  operator: '#5a5a5a',
  comment: '#008000',
  punctuation: '#5a5a5a',
})

// 将代码块中的代码高亮显示
const code = `const greeting = 'Hello World!'
console.log(greeting)`

const highlightedCode = highlight(code)
console.log(highlightedCode)

在这个示例中，我们首先导入了 `highlight` 和 `languages` 对象。然后，我们使用 `highlight.registerLanguage` 方法来将默认语言设置为 JavaScript。接下来，我们使用 `highlight.setTheme` 方法来设置默认的高亮样式。最后，我们使用 `highlight` 方法将代码块中的代码高亮显示，并将结果输出到控制台上。