iframe-content.html 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <head>
  2. <meta http-equiv="Content-Security-Policy" content="style-src * 'unsafe-inline'; script-src * 'unsafe-inline'">
  3. </head>
  4. <div class="container h-100">
  5. <div class="row h-100 justify-content-center align-items-center">
  6. <div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="modal" aria-hidden="true">
  7. <div class="modal-dialog">
  8. <div class="modal-content">
  9. <div class="modal-header">
  10. A Bootstrap 4 modal with the BalloonEditor instance
  11. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  12. </div>
  13. <div class="modal-body">
  14. <div id="editor">
  15. <p>Content of <a href="https://ckeditor.com">the editor</a>.</p>
  16. </div>
  17. </div>
  18. </div>
  19. </div>
  20. </div>
  21. </div>
  22. <div id="info">
  23. There is nothing to do here as it is just a sub-component of another test.
  24. <br/>
  25. <a href="../1.html">Click here to continue testing</a>.
  26. </div>
  27. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" />
  28. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js" ></script>
  29. <script src="https://unpkg.com/popper.js" ></script>
  30. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" ></script>
  31. <style>
  32. :root {
  33. --ck-z-default: 100;
  34. }
  35. html, body {
  36. height: 100%;
  37. }
  38. .manual-test-sidebar {
  39. display: none;
  40. }
  41. .manual-test-container {
  42. padding-left: 0;
  43. padding-right: 0;
  44. }
  45. #info {
  46. position: fixed;
  47. top: 50%;
  48. left: 50%;
  49. transform: translateX( -50% );
  50. display: none;
  51. }
  52. </style>