javascript - Mithril 模板转换器使用

Question

我正试图完成这里发生的确切事情:https://arthurclemens.github.io/mithril-template-converter/index.html

基本上，我让用户将一个 HTML 字符串插入文本框，我想将该字符串转换成一个对象，我可以使用 m 辅助方法。

例如我必须转换这个:

<div class="foo"><p>bar</p></div>

像这样:

m("div", {"class":"foo"}, 
  m("p", 
    "bar"
  )
)

理想情况下，我正在寻找某种类型的工作流程，例如:

function myComponent() {
  let myHTML = "<div class="foo"><p>bar</p></div>";
  return(m(convertHTML(myHTML));
}

我研究过各种超文本/vdom 转译器，但它们都没有以 Mithril 期望的格式创建树，因此我需要与上面列出的网站非常相似的功能才能正常工作。

我猜这是不可能的，因为对 m 的嵌套函数调用方面。

Answer 1

我能够通过 eval 即时使用模板:

import { templateBuilder } from "mithril-template-builder"

const source = '<div class="foo"><p>bar</p></div>';

const template = templateBuilder({
  source
});

function myComponent(props) {
  let object = eval(template);
  return(object);
}