关于如何获取光标处的下一个或者是前一个字符的问题

描述：
目前遇到了一个问题，在做一个网页的编辑器的时候，textarea标签里有一段文字，里面有文字，也有图片，当光标定位到某个地方，如何获取光标前的一个字符或者是光标后的一个字符。假如光标处的后面是一张图片，又如何去判断光标后的内容是一张图片。我的需求是这样的，在编辑的时候，如果按delete键的时候，这个并不是真的删除，而是加一些css效果，比如红色，删除线，用于标记这些内容是删除的。并不是真的去删除。只是标记，假如果删除的是一张图片，就给图片加一个效果，比如边框加粗什么的。如果都是文字性的内容的话，这个比较好操作，惟一不好操作的是，如果里面有图片，这个不好操作。这个具体该如何去判断，操作呢。请教各位高手，在此先谢过各位。