dioxus-code-editor 0.0.1

Syntax-highlighted code editor component for Dioxus.
docs.rs failed to build dioxus-code-editor-0.0.1
Please check the build logs for more information.
See Builds for ideas on how to fix a failed build, or Metadata for how to configure docs.rs builds.
If you believe this is docs.rs' fault, open an issue.
Visit the last successful build: dioxus-code-editor-0.1.1

A controlled, syntax-highlighted code editor for Dioxus. Pairs a contenteditable input layer with the dioxus-code highlighter so user edits stay in sync with rendered tokens.

Quick start

[dependencies]
dioxus-code-editor = "0.0.1"
use dioxus::prelude::*;
use dioxus_code::Theme;
use dioxus_code_editor::CodeEditor;

#[component]
fn Editor() -> Element {
    let mut source = use_signal(String::new);

    rsx! {
        CodeEditor {
            value: source(),
            language: "rust",
            theme: Theme::TOKYO_NIGHT,
            oninput: move |value| source.set(value),
        }
    }
}

The component is controlled — drive value from your own signal and update it inside oninput.

Props

prop description
value Current editor contents.
language Arborium language hint, e.g. "rust".
name Filename used for language detection when language is empty.
theme Syntax theme shared with dioxus-code.
line_numbers Show a one-based line gutter. Defaults to true.
read_only Disable editing while preserving highlighting.
spellcheck Forward spellcheck to the input layer.
aria_label Accessible label for the editor textbox.
placeholder Shown only while value is empty.
class Extra class names appended to the editor root.
oninput Called with the full editor text after each input event.

License

MIT.