Editing & Adjusting Images with CKEditor - iOSGods

Rook · May 10, 2017

Hello, again!

Today I will show you a cool feature that comes with IPS4's new editor. It may not be a huge feature, or groundbreaking, but it's quite useful for me and hopefully it will also be useful for you!

If you ever embedded an image to your post but it was too big and you had to go back and resize it with tools and photoshop and what not. Well, no more! IPS4 now gives you some cool new image options!

We'll be using the iOSGods logo as an example.

So, to begin, you first need to just post your image link. The editor will auto embed it.

Once that is done, all you have to do is double click on the embedded image to bring up the various options.

From the new popup you see:

Link URL: This will give you the ability to link the embedded image to a URL so when someone clicks on the image, it will open the link. This is quite useful if you link the external image link so people can view it in full without any size adjustments.

The first image links to iOSGods & the 2nd leads to the full image link.
Image Title: This is useful if you want users to find your image when searching for it. It's also generally useful if you add something related to your image inside that text box.
Size: Size option is used to resize your image without having to actually go into Photoshop and crop it. You can set your own Width & Height and it will automatically resize the image via CSS.
Alignment: Alignment lets you adjust the positioning of your image. Either all the way to the Left or all the way to the Right. Not sure how useful this may be for you, but it's there if you want to be creative.

Example text

Last but not least, you can also drag your embedded image and drop it into places inside the editor. Which means you can reposition without having to delete and embed again.

We hope these new options will come be useful for you.