如何添加textarea线以外的图像？

Question

想象一下，当代码中出现错误时，Eclipse和其他IDE会做什么。它类似于：

  

X itn number = 5;

其中X是具有白色X的红色圆圈的图像。我怎么能在网站上产生这样的效果？考虑到textarea是可滚动的。

Answer 1

http://ace.ajax.org/ Ace解决了我的需求。这是一个javascript扩充文本区域，重点是代码编辑。 BSD许可。

（在我找到ACE方式之后编辑）

首先按照网站中的说明设置编辑器，然后调用

A）综合方式：

editor.getSession().setAnnotations([{row: lineNum, column: 0, html:"foo<br/>bar", type:"error"}]);

其中lineNum从0开始（即：0是第一行）。还有“警告”类型，两者都提供默认的适当图标。可能还有其他类型。

B）黑客版本，还是更强大的方式？或者添加你喜欢的css类的方式：

editor.getSession().addGutterDecoration(0,"error_line");

其中0是从零开始的行号（即：第一个），“error_line”是您自己定义的css类。然后使用background-image：url（''）;选择要使用的图标。 它有许多非常好的功能，如行号和许多常用语言的语法高亮。