I'm re-implementing an old Drupal 4 site with Drupal 8 and I'm stuck with what I thought was a simple task.
I want to insert some images into an article inline and be able to click on them to see a larger version. Preferably the image is shown in some kind of popover/overlay like Lightbox but even loading a new page or just the image in its original size would be OK.
With Drupal 4, I had Gallery 2 integration and this was piece of cake: just enter a placeholder like [G2:1963]
in the body text (with 1963 being a Gallery 2 image identifier) and that's it: the image is now shown as thumbnail and when I click on it, the corresponding Gallery 2 page is opened.
I don't need Gallery 2/3 integration (and AFAIK there is none for Drupal anyway as Gallery is going the way of the Dodo). Drupal 8 has support for adding images to an article. But there doesn't seem to be a simple way of adding them inline.
In the CKEditor, I can add an image inline. But there's no way have it shown as a thumbnail and get the large version when clicking on it.
Then there's the image field: it allows me to add images, but they are all shown in some kind of gallery and the end (or wherever you place the field). Not what I want.
The workaround I've come up with is to hide the image field and then add the necessary HTML myself, like:
<a href="/path/to/image">
<img src="/path/to/image" width="200" height="200">
</a>
But this is very cumbersome and feels so very wrong. So, how can I solve this in Drupal 8?