ace 编辑器不显示某些代码

Question

我正在使用 ace 编辑器，当我读入一些 lua 文件时，我注意到当我将数据放入 ace 编辑器时，它并没有 100% 匹配文件中真正包含的内容div。您可以在下面的 link 处看到此效果。请注意在 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 字符

ace 编辑器不显示某些代码

The ace editor not displaying some code

html

ace-editor