用优快云发帖时显示“运行代码”窗口

本文介绍了一款用于优快云平台的文章内HTML代码实时运行、复制及保存的小工具,通过简单的JavaScript脚本实现了在线编辑器的功能,方便用户直接查看代码效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 



提示:你可以先修改部分代码再运行

         在使用优快云过程中,有时候遇到这样的问题:需要运行文章中html代码的效果。在网上搜了搜,找到了代码。

        实现方法如下:

       点击工具栏左上角的,把代码(代码如下)加进去,点击工具栏的,即可在编辑器中看到该模块。

<script language=Javascript>
function copyCode(obj) {
var rng = document.body.createTextRange();
rng.moveToElementText(obj);
rng.scrollIntoView();
rng.select();
rng.execCommand(
"Copy");
rng.collapse(
false);
}


function runCode(obj) {
var winname = window.open(''"_blank"'');
winname.document.open(
'text/html''replace');
winname.document.writeln(obj.value);
winname.document.close();
}


function saveCode(obj) {
var winname = window.open('''_blank''top=10000');
winname.document.open(
'text/html''replace');
winname.document.writeln(obj.value);
winname.document.execCommand(
'saveas','','code.htm');
winname.close();
}


function cleanBR() {
        
var area = document.getElementsByTagName('TEXTAREA');
        
for (var i=0; i<area.length; i++{
                area.value 
= area.value.replace(/<br />/ig, '');
                area.value 
= area.value.replace(/(  ){4}/ig, ' ');
                area.value 
= area.value.replace(/   /ig, '   ');
                area.value 
= area.value.replace(/  /ig, '  ');
        }

}

</script>
<br><textarea name='FF0' rows="15" cols="80">{content}</textarea><br><input type="button" value="运行代码" onclick="runCode(FF0)"> <input type="button" value="复制代码" onclick="copyCode(FF0)"> <input type="button" value="另存代码" onclick="saveCode(FF0)"> 提示:你可以先修改部分代码再运行<br>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值