link.html 916 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <head>
  2. <link rel="stylesheet" href="%APPS_DIR%ckeditor/build/modules/amd/theme/ckeditor.css">
  3. <style>
  4. a[href*="nw"], a[href*="ne"], a[href*="sw"], a[href*="se"] {
  5. position: absolute;
  6. }
  7. a[href*="nw"] {
  8. top: 10px;
  9. left: 10px;
  10. }
  11. a[href*="ne"] {
  12. top: 10px;
  13. right: 10px;
  14. }
  15. a[href*="sw"] {
  16. bottom: 10px;
  17. left: 10px;
  18. }
  19. a[href*="se"] {
  20. bottom: 10px;
  21. right: 10px;
  22. }
  23. .ck-editor_balloon-demo .ck-editor__editable {
  24. height: 300px;
  25. position: relative;
  26. }
  27. </style>
  28. </head>
  29. <h2>Simple editor</h2>
  30. <div id="editor">
  31. <p>This is an <a href="http://ckeditor.com">CKEditor5</a> from <a href="http://cksource.com">CKSource</a>.</p>
  32. </div>
  33. <h2>Balloon testing sample</h2>
  34. <div id="editor-balloon-demo">
  35. <p>
  36. <a href="http://nw">North West</a>
  37. <a href="http://ne">North East</a>
  38. <a href="http://sw">South West</a>
  39. <a href="http://se">South East</a>
  40. </p>
  41. </div>