Join Anne-Marie Concepción for an in-depth discussion in this video Creating wrapping text, part of InDesign CC: EPUB Fundamentals.
Something that everybody always wants to know how to do is, how do I get text to wrap around picture, or to wrap around a side bar or a pull quote in my EPUB? And the answer is you need to anchor that object in the text flow, and then apply object export option to it, to float left or float right. You don't even really need to apply a text wrap to the object. Just making it float left or float right will cause the text wrap to occur in the e-pub. You can use text wrap to force the amount of space between the object and the text that's wrapping around it.
Let's see how that's done. I have this little bit of text about, films about dogs. And I'm going to zoom in. We have a close up of Bella's nose, my doggie. Let's get over there, here. I should have selected Bella first before I zoomed in. Okay so we want to anchor Bella in this paragraph. We want this course covers to wrap around the picture of Bella. The first thing you need to do is anchor it in the text flow, so that InDesign knows Where the image should be placed, and you anchor it by dragging on the anchor control.
You can either make it into an above line anchor or a custom anchor. If you use the shift drag method to make it an inline object, it's not going to work, this is new in the latest version of InDesigncc. So, you want to either just drag it in, without touching any other key. That makes it into a custom anchored object. So, it is anchored. If I hit, turn up here, you can see it floats, right? So, that's, that's been around for awhile. That'll work. Or you could, let me cut that out and paste it again.
You can make it into an above line anchor. By shift-dragging. To make it in line. And then you select it, and go to Object, Anchored Object, Options. And choose Above Line. You don't get a really good preview this way, but you could do it. I, I, I don't see why you'd ever, but if your wraps aren't working it's probably because it is an inline anchored object, and that work anymore in the latest version of InDesign. Because it writes better code this way. Let's cut this out, they way that I would normally so this is I would do a custom anchor. So I'm going to just grad this in and drop it and then for this object I'm going to the object menu, go down to object export options and the trick is to turn this on, which it already is because I was just playing with it before I started recording.
Turn on Custom Layout. It normally is not. Okay? So turn it on. And you want to choose Float Left or Float Right. Float Left means, the image is on the left and the text wraps around the right. And Float Right of course means, the image is on the right and the text floats around the left. Click Done. And if you're okay with not seeing an exact preview, you're good to go. Let's go ahead an export this to ePub, click Save under Image, you don't need to do anything special here, just, you know, if you want to notice that to down sample anything to 150 and it's by default, it will left align floating images, not this kind of float, but.
On anchor images and we'll click okay and there it is. It wraps right around it. Right where we anchored it too. Now if you want to add more space to the right of this then you come over here and in in design let's zoom in so we can see better. Select this guy. Go to text wrap. And turn on text wrap here, that's remembering the last settings this had but we don't need 20 below, leave that at zero, zero and to the right let's just add maybe ten pixels which is the same thing as points.
If you want you can always, you know, move this over so you can see what it's going to look like, of course we running into that InDesign weirdness where the first line Doesn't auto the wrap. But this is why we really need an EPUB preview, maybe in InDesign CCC, the next version. But, so. Let's go ahead and export this to EPUB, replacing the existing one, click okay. There we go, now we have a lot of room. You can do this same thing by the way with a text frame. even though this chapter's all about images I do have to mention this.
So if you have a text that's a sidebar or a pull quote or something like that, like I'll just write hello and we can even give this a background. Let's give it a beautiful pink background and a stroke. We'll say, it is a one point stroke. And, what the heck, let's go ahead and give it an inset of four points. All the way around. Okay.
And, we're going to do the exact same thing. We're going to custom anchor it. We'll do it right here. And then, with this selected, we'll go to Object>object export option>turn on custom layout>float left. We'll give it a little text wrap on the right. Ten point. That's good. That's about it, that's good enough. Let's export this to Epub and there we go. So we probably need some work aligning this but you can see that that's how it is perfectly selectable text so it hasn't bee rasterized or anything like that.
And it works great. Again, though, if you anchor something as an in-line object, let's cut and paste this. If I shift+drag this over, and then I went to Object Export Options and it still says Float Left, and we export to ePub, You're going to get this warning. That tells you that things have not been honored for grouped at inline objects and text frames and stuff have been rastorized. So this is now a graph, it's not text and you know things just turn out weird.
So don't use inline anchors. Use either custom anchors or. Above line anchors. This optino right here above line. Okay now you know all there is to know about getting text wraps to work in your e pubs.
- Understanding the difference between an ebook and EPUB
- Creating an EPUB workspace in InDesign
- Managing the sequence of content
- Creating a table of contents for navigation
- Adding metadata
- Cleaning up text formatting
- Optimizing images for EPUB export
- Previewing and validating EPUB files
- Converting EPUBs to Kindle MOBI format