当前位置:博客展示

在textarea中使用多种不同颜色的文字

作者: 创建时间:2016-12-22 22:30:04

效果如果如下:

其实代码很简单:

<div class="durl" id="box" contenteditable="true">
     例:<a class="dlink" href="http://item.taobao.com/item.htm?id=40862965433" target="_blank">http://item.taobao.com/item.htm?id=40862965433</a>
</div>

重点是这句contenteditable="true" contentEditable html中的一个属性。设置html的contentEditable=‘true’时,即可开启该元素的编辑模式。

Html中的contentEditable的属性可以打开某些元素的可编辑状态.也许你没用过contentEditable属性.甚至从未听说过.contentEditable的作用相当神奇.可以让div或整个网页,以及span等等元素设置为可写。我们最常用的输入文本 内容便是input与textarea  使用contentEditable属性后,可以在div,table,p,span,body,等等很多元素中输入内容。

如果想要整个网页可编辑,请在body标签内设置contentEditable contentEditable已在html5标准中得到有效的支持。

在IE8下设置表格可写不支持,其他元素没有问题。在FireFox运行一切正常。谷歌浏览器运行一切正常 contentEditable已在html5标准中得到有效的支持。本贴由FastMVC首发,谢谢关注FastMVC。

在IE8下设置表格可写不支持,其他元素没有问题。在FireFox运行一切正常。谷歌浏览器运行一切正常

原文链接:http://www.fastmvc.com/blog/1293.html

相关评论
<··>
Ctrl + Enter快速提交
提交
还没有评论,赶快来坐沙发吧!
博客达人
网站目录
首页 讨论中心 帮助手册 下载中心 站内博客 用户管理
友情链接
强制裂变源码
声明
电话:18729480012 地址:西安市高新路18号凯创国际A1802号 西安爱迪科技 陕ICP备14010060号2014-2020 版权所有