PICK YOUR AI THEME TO GET STARTED
DAY 03 | EPISODE 02 | QUICK CLIP 20
PASTE PLAIN TEXT
Paul Davenport | 02:16
When pasting content from an old website or browser based design programs like Figma, many first timers make the mistake of copying over the old unwanted HTML from that platform. It's always best practice to paste plain text to keep your content clean. Here we show you how.
Note, when pasting from tools like Microsoft Word and Google Docs, MOBLE will attempt to strip out the unwanted code when you paste. However we strongly recommend that you always check that you're not bringing in unwanted code that will impact on your text styling.
Here we also look and using the Up and Down arrows in the Frame Tools to position your frames in the the order that you require.
"What I'm going to do here is just copy all of this text, and I'm going to go and put this text into the card, and we're going to create this blue accent line as well, and we're going to move the card on top. Currently, our card is below, so let's go and do that first actually. We'll jump in here, and we'll move our card below. So, this is the block so I can move now the frames within the block, so... Okay, we're looking pretty good there.
What I'm going to do is I could paste this text in here but that's not a good idea because when we paste texts from the internet from other pages, it's going to bring in all useless classes that it copies. So, we don't like to do the paste in that particular way. I can pull my cursor back in and hit undo, and that's going to move that out. But there's two ways. You could paste in here, and then highlight everything, then clear the formatting, but it's still going to keep the divs in.
A cool little trick I'll just show you, if ever you are copying huge bulk amounts of text, you can just go and put it into the source code and that's just like putting it into a plain text editor. Now, I could clone this one and take out the text that I don't need. And then, we've got two. What shall I do here? Well, in this one, we're going to give it our title. This is going to be a heading two. It's not the main banner yet. It's lower down the page. I feel like this one can be a header two, so why don't we put this in style one at this stage and put it in bold. And then, on our next one, let's have a look at that. Let's go and we'll make this heading three for now, so I can just go straight, heading three, looking good."
