Quellcode Anzeige

Computer: Software & Programmierung JavaScript & Script-Sprachen
#1

Mir ist kein besserer Titel eingefallen :smile:,

Hallo erstmal,
kann ich mit JavaScript folgendes tun:

Eine einfügen und zwei Zeilen darunter eine Fläche.
In dieser Textarea soll HTML Code reingeschrieben werden. Und wenn man dann auf ein Button drückt (oder automatisch) erscheint in dieser Fläche, der Code, wie er in einem Browser aussehen würde.

Also, ich gebe in die Textarea den Quellcode (HTML) ein und in der Fläche erscheint es als wenn es in einem Browser wär.

Ich glaube, das ist sehr viel JavaScript, ich weiß es nicht. Aber kennt jemand eine Webseite wo sie so etwas zur Verfügung stellen ? Oder kennt jemand den Code ?

Danke, wissensfreak

#2

Quellcode und Anzeige
Du kannst den Quellcode zum Server schicken
und der macht mit PHP eine Webseite daraus
die du in einem iFrame anzeigen kannst.
Allerdings hast du da keine Fehleranzeige,
weshalb die klassische Methode zum Programmtest wohl sinvoller ist.

#3

Hallo,

das müsste document.write() erledigen können.

Schöne Grüße,

Mohamed.

#4

Hallo Mohamed,
ich bin in JavaScript Anfänger (bzw. ich lerne es gerade). Könntest du mir das genauer erklären ? mir ein Beispiel geben/zeigen ?

Danke, wissensfreak

#5

meinst du so was?

function eintrag () {
document.getElementById("out").innerHTML=document.form.text.value
 }

Eintragen
neues aus der Textarea

#6

meinst du so was?

function eintrag () {
document.getElementById(„out“).innerHTML=document.form.text.value
}

Hallo,
vielen Dank. Genau so etwas hab ich gesucht. Aber, ist es auch noch möglich drin laufen zu lassen ? Oder bestimmte Tags zu verbieten ?

Sonst, ist es perfekt.

Danke, wissensfreak

#7

hallo,

alles was innerhalb eines div’s erlaubt ist, wird angezeigt.

„verbotenes“ muss dann die function ermitteln:

function eintrag () {

var verboten= "\<a href="
var suchopt = new RegExp( verboten ,"i" )
var area=document.form.text.value

 if ( suchopt.exec(area)){
 alert(verboten +" ist nicht erlaubt")
 }
 else {
 document.getElementById("out").innerHTML=area
 }
}

Eintragen
neues aus der Textarea