Skip to content
aq-ui
Back to HooksHook

Use Code Editor

Open-code aq-ui React hook for Use Code Editor.

Installation

pnpm dlx aq-ui@alpha add use-code-editor

API reference

Client moduleView full source

Quick start

"use client"

import { useCodeEditor } from "@/hooks/use-code-editor"

const result = useCodeEditor()

Exports

  • BuiltInCodeLanguage type
  • CodeDiagnostic type
  • CodeEditorHandle interface
  • CodeLanguage type
  • CodeLanguageLoader type
  • CodeLanguageStatus type
  • CodeSelection interface
  • loadCodeLanguage function
  • normalizeCodeLanguage function
  • registerCodeLanguage function
  • useCodeEditor function
  • UseCodeEditorOptions interface

Registry dependencies

code-language-preset, code-language-registry

Package dependencies

@codemirror/autocomplete@^6.20.3, @codemirror/commands@^6.10.4, @codemirror/language@^6.12.4, @codemirror/lint@^6.9.7, @codemirror/search@^6.7.1, @codemirror/state@^6.7.1, @codemirror/view@^6.43.8

Files

  • hooks/use-code-editor.ts

Source