LayoutTests/editing/execCommand/insertHTML.html

   1 <html>
   2 <head>
   3 <script src=../editing.js language="JavaScript" type="text/JavaScript"></script>
   4 <script>
   5
   6 if (window.layoutTestController)
   7     window.layoutTestController.dumpAsText();
   8
   9 function log(message) {
  10     var console = document.getElementById("console");
  11     var li = document.createElement("li");
  12     var text = document.createTextNode(message);
  13     li.appendChild(text);
  14     console.appendChild(li);
  15 }
  16
  17 function editingTest() {
  18     var d = document.getElementById("test");
  19     var html = d.innerHTML.toLowerCase();
  20
  21     selectAllCommand();
  22     deleteCommand();
  23     insertHTMLCommand(html);
  24
  25     log(d.innerHTML);
  26 }
  27 </script>
  28 </head>
  29
  30 <body>
  31 <p>This is a test of execCommand(insertHTML, ...).  The contents of the editable div below should be the same before and after the test.</p>
  32 <div id="test" contenteditable="true">hello<table style="display:inline" border=1><tr><td>1</td><td>2</td></tr></table><b>world</b>!</div>
  33 <ul id="console"></ul>
  34 <script>
  35 runEditingTest();
  36 </script>
  37 </body>
  38
  39 </html>