有没有一种方法可以呈现在ACE编辑器中编写的HTML代码

Question

我正在开发一个使用ACE作为代码编辑器的React应用程序。我希望用户将HTML输入到编辑器中，然后单击运行按钮以在拆分屏幕上呈现该HTML，就像Codepen一样。我真的不知道从哪里开始。

我在一个辅助项目中弄乱了ACE，但是想在将其实施到我的Main项目之前进一步充实它，所以我不会破坏任何东西。

<AceEditor
            placeholder="Placeholder Text"
            mode="javascript"
            theme="monokai"
            name="blah2"
            onLoad={onLoad}
            onChange={onChange}
            fontSize={14}
            showPrintMargin={true}
            showGutter={true}
            highlightActiveLine={false}
            value={`function onLoad(editor) {
  console.log("i've loaded");
}`}
            setOptions={{
              enableBasicAutocompletion: true,
              enableLiveAutocompletion: true,
              enableSnippets: true,
              showLineNumbers: true,
              tabSize: 2
            }}
          />

任何帮助将不胜感激