html5 - 这个代码显示功能如何实现?
淡淡烟草味
淡淡烟草味 2017-06-21 10:12:03
[HTML讨论组]

我想知道,左边是html +js ,右边显示,这样的网页是怎样做到的?
它的原理是什么?

我下载了wp fiddle,发现不能用在我最新版本的wordpress,想自己实现。

提交代码的时候,触发了一个submitTryit() 函数,这个函数倒很简单

function submitTryit()
{
var t=document.getElementById("TestCode").value;
t=t.replace(/=/gi,"w3equalsign");
t=t.replace(/script/gi,"w3scrw3ipttag");
document.getElementById("code").value=t;
document.getElementById("tryitform").action="v.asp";
validateForm();
document.getElementById("tryitform").submit();
}
function validateForm()
{
var code=document.getElementById("code").value;
if (code.length>5000)
    {
    document.getElementById("code").value="<h1>Error</h1>";
    }
}
淡淡烟草味
淡淡烟草味

全部回复(3)
世界只因有你

左边是一个表单。书写代码,右边是iframe,左边代码form的target设为右边iframe即可

为情所困

这个页面使用了iframe,见下图

ringa_lee

左边p#contenteditable,右边p.html(contenteditable.html())不行么?

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号