Хроники лаборатории |
Вкратце о текущем состоянии дневника:
В связи с загруженностью очень интересной работой, почти перестал вести блог. Но, как легко убедиться, пролистав блог слегка назад, так было не всегда.
|
рубрика сайтоводство // все рубрики |
страница: 7 1, 2, 3, 4, 5, 6, 7, 8 |
Простейший 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>
|
|