Простейший WYSIWYG-HTML редактор

[V.exeR]

function showc() { var el=getXElementById("cod"); if (el.style.display=="block") { el.style.display = "none"; } else { el.style.display = "block"; } }Захотелось мне сделать HTML-редактор, который отслеживал бы все изменения «на лету», чтобы сразу был виден результат и ошибки. И вот додумался до такого простенького яваскрипт-кода. Конечно, на полноценный редактор не тянет, но как подспорье - вполне. Не знаю, может еще кому пригодится. Код действительно простейший (посмотреть).

<sсript>
function getXElementById(id) {
  if (document.getElementById(id)) {
    return document.getElementById(id);
  } else if (document.all[id]) {
    return document.all[id];
  } else if (document.layers && document.layers[id]) {
    return (document.layers[id]);
  } else { return false; }
}
 
function show() {
  var pattern = /\r\n|\r|\n/g;
  ttext=getXElementById('t').value;
  ttext=ttext.replace(pattern,"<br />");
  getXElementById('p').innerHTML=ttext;
}
</sсript>
 
<center>
&lt;textarea name="t" id="t" onkeyup="javasсript:show(); return false;" style="width: 50%" rows=10>
Здесь пишем
&lt;/textarea>
<hr />
<div name="p" id="p">Здесь будет превью</div>
</center>

function getXElementById(id) { if (document.getElementById(id)) { return document.getElementById(id); } else if (document.all[id]) { return document.all[id]; } else if (document.layers && document.layers[id]) { return (document.layers[id]); } else { return false; } } function show() { var pattern = /\r\n[pipe]\r[pipe]\n/g; ttext=getXElementById('t').value; ttext=ttext.replace(pattern,"
"); getXElementById('p').innerHTML=ttext;}Здесь пишем

---

Здесь будет превью