ace 编辑器不显示某些代码

Question

我正在使用 ace 编辑器，我注意到当我在某个 lua 文件中读取时，当我将数据放入 ace 编辑器 div 中时，它与文件中的实际内容没有 100% 匹配。您可以在下面的链接中看到这种效果。请注意，在 html 中有更多的 lua 代码，但在结果中只显示了 1 行。有没有其他方法可以将代码添加到 ace 编辑器中以便显示所有代码？

http://jsfiddle.net/wcevdmke/

<div class="container">
    <div class="panel panel-default">
        <div class="panel-heading">
             <h3 class="panel-title">Editor</h3>
        </div>
        <div class="panel-body">
<div id="editor">--if d<self.senseradius then
--  return entity.script
--else
--  local p = Transform:Point(entity:GetPosition(),nil,self.entity)
--  if (p.z>-math.abs(p.x) and p.z<-math.abs(p.y)) then
</div>
        </div>
    </div>
    <div class="text-center">---End of editor---</div>
</div>

Answer 1

浏览器将<self 解析为标签，然后将其传递给ace。您需要通过将& 替换为& 和< 替换为< 来转义特殊的html 字符