bildiğiniz gibi w3school'un çok hoşuma giden bir tryit editoru var. siz html üzerinde değişikliği yaptıkça sonuçları size anında gösteren. peki ben bunu offline nasıl kullanabilirim? var mıdır bu özellikte ve basit bir program.

örnek:www.w3schools.com


 

bu kodu herhangi bi yere (notepad bile olur) yazıp uzantısını html yaparak kaydederek deneyebilirsin. çift tıkladığında kullandığın browser'la açılır.

tepedeki psychedelic adam

@tepedeki psychedelic adam yok onu zaten biliyorum da böylesi çok daha kullanışlı.

1lisan1insan

notepad' açıp. alttakleri ekle. html olarak kaydet.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"www.w3.org">
<html xmlns="www.w3.org">

<head>

<style type="text/css">
textarea, iframe {width:200px;height:200px;}
td {vertical-align:top;text-align:center;}
</style>

<script type="text/javascript">
function tryit()
{
var html = document.getElementById("code").value;

ifrm = document.getElementById("output");
var doc = ifrm.contentDocument || ifrm.contentWindow.document;
doc.open();
doc.write(html);
doc.close();
}
</script>
</head>

<body>

<table cellspacing="4" cellpadding="0" border="0">
<tr>
<td>
<textarea id="code"><html><body>Hello World!</body></html></textarea>
<br />
<button onclick="tryit();">Do it!</button>
</td>
<td>
<iframe id="output"></iframe>
</td>
</tr>
</table>

</body>
</html>

mayeskuel

@mayeskuel çok güzel oldu bu sağol.

1lisan1insan
1

mobil görünümden çık