Web 技术研究所

我一直坚信着,Web 将会成为未来应用程序的主流

无聊来一发,自编辑 STYLE

  STYLE 元素默认是隐藏的,但并不是就一定不能显示,可以修改其 display 属性使其显示出来。而 STYLE 元素的内容本身是动态解析的,只要其内容有变化,页面的样式就会重新计算。那么我们让 STYLE 元素变得可编辑不就可以在上面写它自己的样式并预览了?
  今天在地铁上闲着无聊写了下面这个代码: <body>
<style contenteditable>
style {display:block;}
</style>

  contenteditable 编辑的话按回车键会生成 BR 或 P 标签,造成 CSS 语法错误,所以只能在同一行编辑。不过我觉得这还是挺有趣的,以前见到无刷新预览 CSS 的编辑器觉得挺高端,其实 CSS 这东西本来就自带实时更新,所以编辑器提供这功能也没啥高端的技术。
网名:
34.203.213.*
电子邮箱:
仅用于接收通知
提交 悄悄的告诉你,Ctrl+Enter 可以提交哦
神奇海螺
[查看全部主题]
各类Web技术问题讨论区
发起新主题
本模块采用即时聊天邮件通知的模式
让钛合金F5成为历史吧!
次碳酸钴的技术博客,文章原创,转载请保留原文链接 ^_^