suchen

Heim  >  Fragen und Antworten  >  Hauptteil

html5 - Wie implementiert man diese Code-Anzeigefunktion?

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

Antworte allen(3)Ich werde antworten

  • 世界只因有你

    世界只因有你2017-06-21 10:14:03

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

    Antwort
    0
  • 为情所困

    为情所困2017-06-21 10:14:03

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

    Antwort
    0
  • ringa_lee

    ringa_lee2017-06-21 10:14:03

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

    Antwort
    0
  • StornierenAntwort