<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>My Template</title> <link type="text/css" rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/smoothness/jquery-ui.css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js"></script> <style type="text/css"> textarea { display:block; } </style> <script type="text/javascript"> //<![CDATA[ function getSelected() { if(window.getSelection) { return window.getSelection(); } else if(document.getSelection) { return document.getSelection(); } else { var selection = document.selection && document.selection.createRange(); if(selection.text) { return selection.text; } return false; } return false; } $(document).ready(function(){ $('#test').mouseup(function(e) { var selection = getSelected(); if(selection && (selection = new String(selection).replace(/^\s+|\s+$/g,''))) { var fulltext = $('#test').text(); var split = fulltext.split(selection); $('#b').click(function(){ $('#test').text(split[0] + '<b>'+selection+'</b>' + split[1]); }); $('#i').click(function(){ $('#test').text(split[0] + '<i>'+selection+'</i>' + split[1]); }); $('#u').click(function(){ $('#test').text(split[0] + '<u>'+selection+'</u>' + split[1]); }); $('#a').click(function(){ $('#test').text(split[0] + '<a href="'+ selection +'">'+ selection +'<a>'+ split[1]); }); } }); }); //]]> </script> </head> <body> <input type="button" name="b" id="b" value='B' /> <input type="button" name="i" id="i" value='I' /> <input type="button" name="u" id="u" value='U' /> <input type="button" name="a" id="a" value='A' /> <textarea name="test" rows="15" cols="30" id="test">Hello World</textarea> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง