javascript - 如何让用户以 Angular 形式输入 javascript 代码？

Question

已结束。此问题正在寻求书籍、工具、软件库等的推荐。它不满足 Stack Overflow guidelines 。目前不接受答案。

---

我们不允许提出寻求书籍、工具、软件库等推荐的问题。您可以编辑问题，以便用事实和引文来回答。

已关闭 3 年前。

Improve this question

我想允许用户将 javascript 代码编写成 Angular 形式，并对该代码运行一些 mocha/chai 测试...我正在寻找解决方案的想法...我应该从以下位置解析代码吗表单将该字符串传递给函数？有什么想法请...任何已经使用 Angular 做到这一点的存储库...

用户应该能够编写一个执行某些任务的 JavaScript 函数，然后应用程序应该对其运行测试，以确保表单中输入的 JavaScript 执行我们要求的任务...

ValidateEnteredCode(jsCodeEntered: string) {

  If   (  This.unitTest(jscodeentered)  ) {
      this.snackBar("good job, your function works as.    
      required")
  }

}

Answer 1

我宁愿建议搜索现有的模块/库，它们提供了开发您自己的代码编辑器的功能。

首先，您可以检查以下两个引用资料。

使用 ace 代码编辑器的文章 https://medium.com/@ofir3322/create-an-online-ide-with-angular-6-nodejs-part-1-163a939a7929

Monaco 编辑器(支持 Microsoft VS Code) https://microsoft.github.io/monaco-editor/

Monaco Editor 的节点模块 https://www.npmjs.com/package/ngx-monaco-editor

单元测试运行时

然后检查像 mocha 这样的框架，它使您能够在运行时对代码进行单元测试。

https://github.com/mochajs/mocha/wiki/Using-Mocha-programmatically