Простейший WYSIWYG-HTML редактор | (← 18 мар 2009г, 21:04 →) |
Захотелось мне сделать HTML-редактор, который отслеживал бы все изменения «на лету», чтобы сразу был виден результат и ошибки. И вот додумался до такого простенького яваскрипт-кода. Конечно, на полноценный редактор не тянет, но как подспорье - вполне. Не знаю, может еще кому пригодится. Код действительно простейший ( посмотреть). <script> 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; } </script> <center> <textarea name="t" id="t" onkeyup="javascript:show(); return false;" style="width: 50%" rows=10> Здесь пишем </textarea> <hr /> <div name="p" id="p">Здесь будет превью</div> </center>
|
Оставлять комментарии могут только имеющие свой ЖЖ-, ЛИру-аккаунт или еще какой openID (как так?). |