晓夏

小皇

教育信息化方案砖家

无刷新预览 CSS 的编辑器

浏览量:1643

STYLE 元素默认是隐藏的,但并不是就一定不能显示,可以修改其 display 属性使其显示出来。而 STYLE 元素的内容本身是动态解析的,只要其内容有变化,页面的样式就会重新计算。那么我们让 STYLE 元素变得可编辑不就可以在上面写它自己的样式并预览了?

<body>
<style contenteditable>
style {display:block;}
</style>

contenteditable 编辑的话按回车键会生成 BR 或 P 标签,造成 CSS 语法错误,所以只能在同一行编辑。不过我觉得这还是挺有趣的,以前见到无刷新预览 CSS 的编辑器觉得挺高端,其实 CSS 这东西本来就自带实时更新,所以编辑器提供这功能也没啥高端的技术。



该文章转自 Web技术研究所


神回复

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。