<!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>::: ทดสอบ :::</title> <link rel="stylesheet" type="text/css" href="jquery.cleditor.css"> <script type="text/javascript" src="jquery.cleditor.min.js"></script> </head> <body> <p> <div class="cleditorMain" style="width: 500px; height: 180px; "> <div class="cleditorToolbar" style="height: 53px; "> <div class="cleditorGroup"><div class="cleditorButton" title="Bold"> </div><div class="cleditorButton" title="Italic" style="background-color: transparent; background-position: -24px 50%; "></div> <div class="cleditorButton" title="Underline" style="background-color: transparent; background-position: -48px 50%; "></div> <div class="cleditorButton" title="Strikethrough" style="background-position: -72px 50%; "></div> <div class="cleditorButton" title="Subscript" style="background-position: -96px 50%; "></div> <div class="cleditorButton" title="Superscript" style="background-position: -120px 50%; "></div> <div class="cleditorDivider"></div></div> <div class="cleditorGroup"> <div class="cleditorButton" title="Font" style="background-position: -144px 50%; "></div> <div class="cleditorButton" title="Font Size" style="background-position: -168px 50%; "></div> <div class="cleditorButton" title="Style" style="background-position: -192px 50%; "></div> <div class="cleditorDivider"></div></div> <div class="cleditorGroup"> <div class="cleditorButton" title="Font Color" style="background-position: -216px 50%; "></div> <div class="cleditorButton" title="Text Highlight Color" style="background-position: -240px 50%; "></div> <div class="cleditorButton cleditorDisabled" title="Remove Formatting" style="background-position: -264px 50%; " disabled="disabled"></div> <div class="cleditorDivider"></div></div> <div class="cleditorGroup"> <div class="cleditorButton" title="Bullets" style="background-color: transparent; background-position: -288px 50%; "></div> <div class="cleditorButton" title="Numbering" style="background-color: transparent; background-position: -312px 50%; "></div> <div class="cleditorDivider"></div></div> <div class="cleditorGroup"> <div class="cleditorButton" title="Outdent" style="background-color: transparent; background-position: -336px 50%; "></div> <div class="cleditorButton" title="Indent" style="background-color: transparent; background-position: -360px 50%; "></div> <div class="cleditorDivider"></div></div> <div class="cleditorGroup"> <div class="cleditorButton" title="Align Text Left" style="background-position: -384px 50%; "></div> <div class="cleditorButton" title="Center" style="background-position: -408px 50%; "></div> <div class="cleditorButton" title="Align Text Right" style="background-color: transparent; background-position: -432px 50%; "></div> <div class="cleditorButton" title="Justify" style="background-color: transparent; background-position: -456px 50%; "></div> <div class="cleditorDivider"></div></div> <div class="cleditorGroup"> <div class="cleditorButton cleditorDisabled" title="Undo" style="background-position: -480px 50%; " disabled="disabled"></div> <div class="cleditorButton cleditorDisabled" title="Redo" style="background-position: -504px 50%; " disabled="disabled"></div> <div class="cleditorDivider"></div></div> <div class="cleditorGroup"> <div class="cleditorButton" title="Insert Horizontal Rule" style="background-position: -528px 50%; "></div> <div class="cleditorButton" title="Insert Image" style="background-color: transparent; background-position: -552px 50%; "></div> <div class="cleditorButton" title="Insert Hyperlink" style="background-position: -576px 50%; "></div> <div class="cleditorButton cleditorDisabled" title="Remove Hyperlink" style="background-position: -600px 50%; " disabled="disabled"></div> <div class="cleditorDivider"></div></div> <div class="cleditorGroup"> <div class="cleditorButton cleditorDisabled" title="Cut" style="background-position: -624px 50%; " disabled="disabled"></div> <div class="cleditorButton cleditorDisabled" title="Copy" style="background-position: -648px 50%; " disabled="disabled"></div> <div class="cleditorButton cleditorDisabled" title="Paste" style="background-position: -672px 50%; " disabled="disabled"></div> <div class="cleditorButton" title="Paste as Text" style="background-color: transparent; background-position: -696px 50%; "></div> <div class="cleditorDivider"></div></div> <div class="cleditorGroup"> <div class="cleditorButton" title="Print" style="background-color: transparent; background-position: -720px 50%; "></div> <div class="cleditorButton" title="Show Source" style="background-color: transparent; background-position: -744px 50%; "></div></div> </div> <textarea id="input" name="input" style="display: none; width: 500px; height: 127px; "> Go ahead, take it for a test drive. Highlight some text and click some buttons.</textarea> <iframe frameborder="0" src="javascript:true;" style="width: 500px; height: 127px; "></iframe> </div> </p> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง