wproofreader.html 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. <head>
  2. <!--
  3. Required to fetch runtime data from https://svc.webspellchecker.net.
  4. Also both unsafe inline and eval are required for it to work (https://github.com/WebSpellChecker/wproofreader/issues/19).
  5. -->
  6. <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline' 'unsafe-eval' https://cksource.com https://svc.webspellchecker.net;">
  7. </head>
  8. <script type="text/javascript" src="https://svc.webspellchecker.net/spellcheck31/wscbundle/wscbundle.js"></script>
  9. <script>
  10. window.WEBSPELLCHECKER_CONFIG = {
  11. autoSearch: true,
  12. enableGrammar: true,
  13. serviceId: '1:Eebp63-lWHbt2-ASpHy4-AYUpy2-fo3mk4-sKrza1-NsuXy4-I1XZC2-0u2F54-aqYWd1-l3Qf14-umd'
  14. };
  15. </script>
  16. <div id="editor">
  17. <h2>Hello world witth an obvious typo</h2>
  18. <figure class="table">
  19. <table>
  20. <tbody>
  21. <tr>
  22. <td>
  23. <h2>Header 2</h2>
  24. <p>
  25. <span class="mention" data-mention="@Ted">@Ted</span>
  26. very rarely makes a typo. However he occasionally forgets to add a comma after “however”.
  27. </p>
  28. </td>
  29. <td>
  30. <span style="color:hsl(0,75%,60%);"><i>Colors</i></span>
  31. <span
  32. style="background-color:hsl(270,75%,60%);color:hsl(0,0%,100%);"><strong>are</strong></span>
  33. plain
  34. <span class="text-big" style="color:hsl(210,75%,60%);">awesome</span>
  35. <span class="text-huge"><mark class="marker-yellow">!</mark></span>
  36. </td>
  37. </tr>
  38. <tr>
  39. <td>
  40. <figure class="image">
  41. <img src="sample.jpg" alt="CKEditor logo" />
  42. <figcaption>An <u>image</u></figcaption>
  43. </figure>
  44. </td>
  45. <td>
  46. <ol>
  47. <li>First</li>
  48. <li>Second</li>
  49. <li>Third</li>
  50. </ol>
  51. <p>Closing paragraph.</p>
  52. </td>
  53. </tr>
  54. </tbody>
  55. </table>
  56. </figure>
  57. <blockquote>
  58. <p>This is a quote block.</p>
  59. </blockquote>
  60. <p style="text-align:center;">Centered paragraph.</p>
  61. <p>Sample text</p>
  62. </div>