低代码平台生成源码

Question

要求，用户通过界面输入一个函数，比如，用户对点击事件进行处理，调用一个函数，函数内容就是 console.log(123),

我需要把这些生成源码，生成后的源码就是这样的

methods: {
    handleSubmit() {
      console.log(123)
  }
}

最好是带有格式的，就是排好版的

Answer 1

提示：用 new Function(....)

遇到具体的困难来再详述你的问题。

Answer 2

1. pre 标签
2. textarea 标签
3. css 的 white-space
4. code、template、script、style 标签估计也都成

Answer 3

你的意思是？eval或者new Function？

Answer 4

格式化的话可以使用 Prettier。

import prettier from "https://unpkg.com/prettier@2.7.1/esm/standalone.mjs";
import parserGraphql from "https://unpkg.com/prettier@2.7.1/esm/parser-graphql.mjs";

prettier.format("type Query { hello: String }", {
  parser: "graphql",
  plugins: [parserGraphql],
});

Answer 5

这个是需求了吧！