mathquill-leptos 0.1.2

A mathquill integration layer for Leptos
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

use crate::prelude::*;

#[component]
pub fn MathQuillField(#[prop(into)] on_edit: Callback<String>) -> impl IntoView {
  let node_ref = NodeRef::<leptos::html::Span>::new();
  let handlers_drop_handle = RwSignal::new_local(None);

  node_ref.on_load(move |el: web_sys::HtmlSpanElement| {
    let mathquill = mathquill_js::MathQuill::get_global_interface();

    let mut config = mathquill_js::Config::default();
    config.handlers().on_edit_field(move || {
      let mathquill = mathquill_js::MathQuill::get_global_interface();
      let field = mathquill
        .get_field(&node_ref.get_untracked().unwrap().into())
        .expect("Not to be unmounted at this point, since mathquill is calling us");
      let latex = field.latex();
      on_edit.run(latex);
    });

    let field = mathquill.mount_field(&el, &config);

    handlers_drop_handle.set(Some(config));

    let current = field.latex();
    info!(?current, "MathQuillField mounted");
  });

  view! {
      <span class="mathquill" node_ref=node_ref />
  }
}