使用textarea框实现一个简单的代码显示功能

By | 2020年6月5日

网页中显示代码高亮显示效果一般需要插件辅助去实现,但我所需要实现的只是简单的显示而已,所以没有必要引入那些插件,从而降低我的网页显示性能。

就是如下图所示的效果:

虽然简陋了一点,但对我的需求来说已经够用了,具体实现方法如下:

<textarea style="height: 120px;" readonly="true"><a href="http://link.xityun.com/"><img alt="嘻特自动链" width="103" height="40" src="http://link.xityun.com/res/linkxityun/images/app_logo.png"></a></textarea>
<!--将背景色修改一下就ok了-->

发表评论

电子邮件地址不会被公开。 必填项已用*标注