imagetoolbar.html 2.1 KB

123456789101112131415161718192021222324252627282930313233
  1. <div id="editor">
  2. <p><i>This</i> is a <strong>first line</strong> of text.</p>
  3. <figure class="image">
  4. <img src="sample.jpg" alt="CKEditor logo" />
  5. </figure>
  6. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <i>Sint ista Graecorum;</i> Istam voluptatem, inquit, Epicurus ignorat? <b>Idem iste, inquam, de voluptate quid sentit?</b> <mark>Peccata paria.</mark> Omnes enim iucundum motum, quo sensus hilaretur. Quae iam oratio non a philosopho aliquo, sed a censore opprimenda est. </p>
  7. <p>Sed hoc sane concedamus. Quamvis enim depravatae non sint, pravae tamen esse possunt. Non dolere, inquam, istud quam vim habeat postea videro; Nam adhuc, meo fortasse vitio, quid ego quaeram non perspicis. Expectoque quid ad id, quod quaerebam, respondeas. Quod idem cum vestri faciant, non satis magnam tribuunt inventoribus gratiam. </p>
  8. <p>Parvi enim primo ortu sic iacent, tamquam omnino sine animo sint. Vide, quantum, inquam, fallare, Torquate. Bonum integritas corporis: misera debilitas. Quae autem natura suae primae institutionis oblita est? </p>
  9. <p>Nemo igitur esse beatus potest. Etsi ea quidem, quae adhuc dixisti, quamvis ad aetatem recte isto modo dicerentur. <i>Sed fortuna fortis;</i> <b>An nisi populari fama?</b> Paupertas si malum est, mendicus beatus esse nemo potest, quamvis sit sapiens. Ait enim se, si uratur, Quam hoc suave! dicturum. <i>Minime vero, inquit ille, consentit.</i> Esse enim, nisi eris, non potes. </p>
  10. <p>Cum autem venissemus in Academiae non sine causa nobilitata spatia, solitudo erat ea, quam volueramus. <i>Duo Reges: constructio interrete.</i> Non enim solum Torquatus dixit quid sentiret, sed etiam cur. Obsecro, inquit, Torquate, haec dicit Epicurus? Primum divisit ineleganter; </p>
  11. <p><em>This</em> is the <strong>end</strong> of text.</p>
  12. <figure class="image">
  13. <img src="sample.jpg" alt="CKEditor logo" />
  14. </figure>
  15. </div>
  16. <style>
  17. .ck-editor {
  18. margin: 5em auto;
  19. max-width: 70%;
  20. }
  21. .ck-editor .image {
  22. font-size: 0;
  23. line-height: 0;
  24. max-width: 80%;
  25. margin: 0 auto;
  26. }
  27. .ck-editor .image img {
  28. max-width: 100%;
  29. }
  30. </style>