Ace代码编辑器：将整个代码渲染为HTML？

Question

Ace在使用突出显示代码时非常聪明，并且不会渲染所有代码，但只比当前视图需要的多一点。

但是，对于我的用例，我需要获取整个代码的呈现HTML源代码。有没有办法让它一次渲染我的所有代码？

Answer 1

你可以使用类似于https://github.com/ajaxorg/ace/issues/1480#issuecomment-20201314和https://github.com/shadowcodex/c9.ide.print/blob/master/c9.ide.print.js的ace / ext / static_highlight

Answer 2

“一位用户”指出了我正确的方向。我使用ace版本一起攻击了对我有用的东西：https://github.com/ajaxorg/ace-builds/

左侧是常规ACE编辑器，右侧是静态突出显示的HTML。  最初，页面源用作内容，但可以在编辑器中更改，右面板会立即重新呈现。

class Box extends React.Component {
  constructor(props) {
    super(props);

    this.width = 15;
    this.handleClick = this.handleClick.bind(this);
  }

如果获得主题背景色的方式不那么强烈，请告诉我。