| 1 | <!doctype html> |
|---|
| 2 | <html> |
|---|
| 3 | <head> |
|---|
| 4 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
|---|
| 5 | <title>Protect source in non editable element</title> |
|---|
| 6 | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> |
|---|
| 7 | <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script> |
|---|
| 8 | <script src="http://cdn.jsdelivr.net/ckeditor/4.0.1/ckeditor.js"></script> |
|---|
| 9 | <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/ui-lightness/jquery-ui.css" type="text/css" media="all" /> |
|---|
| 10 | <script type="text/javascript"> |
|---|
| 11 | $(document).ready(function(){ |
|---|
| 12 | $("button").button({icons:{primary: "ui-icon-mail-closed"}}); |
|---|
| 13 | }); |
|---|
| 14 | </script> |
|---|
| 15 | </head> |
|---|
| 16 | <body> |
|---|
| 17 | <div contenteditable="true"> |
|---|
| 18 | <h1>Title</h1> |
|---|
| 19 | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse tempor, nunc sit amet tincidunt tincidunt, eros orci placerat libero, non pulvinar turpis elit quis nisi. Duis ultricies, nulla a egestas cursus, elit risus pretium turpis, at dictum mi arcu sed eros. Vestibulum tincidunt, sem a convallis semper, orci turpis luctus nunc, eget laoreet ligula nulla sit amet lorem. Aliquam erat volutpat. Vivamus tellus libero, venenatis eget consequat et, posuere eget elit. Donec condimentum, mi in bibendum pharetra, tellus ipsum interdum nibh, at aliquet ante libero at neque. Nunc placerat orci sed massa facilisis ac molestie augue ullamcorper. Ut ornare, nibh non feugiat luctus, dui nunc feugiat urna, sed aliquam velit nisi a erat. Suspendisse potenti. Nunc feugiat arcu tempus orci imperdiet sit amet lacinia nisi pulvinar. Pellentesque id lorem aliquet mi lacinia pharetra ut vitae magna. Phasellus id nibh nulla, tincidunt ultricies sapien.</p> |
|---|
| 20 | <div contenteditable="false"> |
|---|
| 21 | <form action="?" method="post"> |
|---|
| 22 | <input type="text" name="message" /> |
|---|
| 23 | <button type="submit">Send</button> |
|---|
| 24 | </form> |
|---|
| 25 | </div> |
|---|
| 26 | </div> |
|---|
| 27 | </body> |
|---|
| 28 | </html> |
|---|
