widget.html 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>KindEditor Widget Test</title>
  6. <link rel="stylesheet" href="../lib/qunit/qunit.css" />
  7. <style>
  8. textarea {
  9. display: block;
  10. width: 600px;
  11. height: 200px;
  12. }
  13. iframe {
  14. border: 1px solid #A0A0A0;
  15. width : 1200px;
  16. height : 1200px;
  17. }
  18. </style>
  19. <!-- <script src="../lib/firebug-lite/build/firebug-lite.js#startOpened"></script> -->
  20. <script src="../lib/qunit/qunit.js"></script>
  21. <script src="../lib/jquery.min.js"></script>
  22. <link rel="stylesheet" href="../themes/default/default.css" />
  23. <script src="../src/core.js"></script>
  24. <script src="../src/config.js"></script>
  25. <script src="../src/event.js"></script>
  26. <script src="../src/html.js"></script>
  27. <script src="../src/selector.js"></script>
  28. <script src="../src/node.js"></script>
  29. <script src="../src/range.js"></script>
  30. <script src="../src/cmd.js"></script>
  31. <script src="../src/widget.js"></script>
  32. </head>
  33. <body>
  34. <h1>KindEditor Widget Test</h1>
  35. <input type="button" id="create" value="Create" />
  36. <input type="button" id="remove" value="Remove" />
  37. <br />
  38. <br />
  39. <iframe></iframe>
  40. <script>
  41. var widget = null;
  42. K('#create').click(function() {
  43. if (!widget) {
  44. widget = K.widget({
  45. z : 100,
  46. width : 200,
  47. height : 100,
  48. html : '<strong>abc</strong>123<strong>abc</strong><strong>abc</strong>',
  49. css : {
  50. border : '1px solid #A0A0A0',
  51. background : '#F0F0F0'
  52. }
  53. }).draggable();
  54. }
  55. });
  56. K('#remove').click(function() {
  57. if (widget) {
  58. widget.remove();
  59. widget = null;
  60. }
  61. });
  62. </script>
  63. </body>
  64. </html>