html5 - Wie implementiert man diese Code-Anzeigefunktion?
淡淡烟草味
淡淡烟草味 2017-06-21 10:12:03
0
3
923

Ich möchte wissen, dass die linke Seite HTML + JS ist und die rechte Seite angezeigt wird. Wie erstelle ich eine solche Webseite?
Was ist das Prinzip?

Ich habe wp fiddle heruntergeladen und festgestellt, dass es in meiner neuesten WordPress-Version nicht verwendet werden kann. Ich möchte es selbst implementieren.

Beim Absenden des Codes wird eine Funktion „submitTryit()“ ausgelöst. Diese Funktion ist sehr einfach

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>";
    }
}
淡淡烟草味
淡淡烟草味

Antworte allen(3)
世界只因有你

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

为情所困

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

ringa_lee

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

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage