可以阅读HTML软件,可以实时查看html的工具

"本文介绍了如何使用JavaScript实现一个简单的HTML和CSS编辑器,具备实时预览功能。通过改变`<`和`>`为`Mytext=Mytext.replace(/</g,"Mytext=Mytext.replace(/>/g,">");`来防止浏览器将其解析为HTML标签。同时,文章还涉及了CSS编辑器的样式设置,如字体、背景色、预格式化文本等。"
摘要由CSDN通过智能技术生成

function changeIt(){

//alert('yes');

var content = document.getElementById("content");

var InputBox = document.getElementById("InputBox");

var Mytext;

Mytext=InputBox.innerHTML;

Mytext=Mytext.replace(/</g,"

Mytext=Mytext.replace(/>/g,">");

content.innerHTML=Mytext;

}

id="InputBox"

οnkeydοwn="changeIt();">

here...

------------------------------

下面的是css编辑器

css测试器

#top{

height:200px;

}

style{

display:block;

padding:0.6em 0.8em;

border:1px dashed #ccc;

background-color:#f5f5f5;

color:#000;

font-family:Monaco,

monospace;

font-size:12px;

white-space:pre-wrap;

word-wrap:break-word;}

}

*{color: #f00; }

aaaaa

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值