Insert images in line in text

Thanks for the feedback. We're all thrilled with the labeled graphic block. And good suggestion about unicode characters.  However, that won't work with nonstandard icons. 

Please file an enhancement request for the Insert Image icon so we can refer to icons inline, as in this example.

Thanks.

And how exactly do you insert the unicode character into text?

Hi Natasha,

On a Windows machine, you can use the Alt +1F50D to enter that character. On a Mac you'd have the option to use the emoji keyboard by pressing CTRL +CMD+ Space and you'll see a new pop up.

I also was able to copy that Character from the unicode page and paste it into a section of Rise text. 

Thank you. I am still unable to enter the character, apparently because I don't have a numeric keypad on my keyboard (http://www.fileformat.info/tip/microsoft/enter_unicode.htm). But I am able to copy the character.

The challenge is figuring out the name of the unicode character and/or hunting through the images for the one you want. Any suggestions there?

Also I'm wondering if you know if we can insert Fontawesome characters into Rise? And if so, how because I'm not aware of any way of editing the CSS.

Hi Natasha, 

I'm not familiar with the Fontawesome characters, but if it's a standard font type you can add custom fonts to Rise. 

As for searching the Unicode list, or determining the name of an icon, I haven't figured out a quick way to do that. Perhaps someone in the ELH community has some advice on that? 

Ashley, Fontawesome is a font type indeed, but with thousands of diferent icons in addition to standard letters and numbers. In Rise you cannot apply a font to an specific character or word, so it doesn't allow for the common use of Fontawesome. It would be great (it's common in wordpress themes, for example) if your inline html editor could add support to apply a font type to an specific selection (letter or word) of a common text paragraph. As Fontawesome icons are letters, you can apply whatever color or font size to customice the final look.

Thanks for that added info, Victor! I wasn't familiar with Fontawesome, but sounds like a neat tool. Rise currently allows you to select one font for your headers and one for the text body, so I can understand how using this font won't work. I’ll be happy to pass your thoughts on to our product team, but you can also feel free to detail them more through a feature request!

Thanks, Ashley, I'll do so!

Hi -

Has there been any movement on this? I would love to be able to insert icons/images within text

Hi there,

Unfortunately, I don't have anything new to report here! I'll be sure to update this thread when I have new information.

This is quite important, has this been put in as a change request?

Hi there,

Thanks for your feedback! Our team has a feature request logged for this capability and I'll make sure your voice gets added to the discussion.

Hello! I would also like this feature added. In my case, there is an icon/button that users must click. Yes, the labeled graphics are great, but in this case, it would be better to just insert a tiny image in line with the text.

Thanks for sharing that use-case, Annie! We'll let you know if we add this feature in the future!

I agree with this need. I'm writing a help file, and all I need is one tiny image inline with the text to highlight a certain button in the tool I'm using. Putting a separate block that is wider than the rest of the text ruins the look of the page.

You could always use the Windows key+fullstop/period option to open the emoji menu then search for your image 🔎👁‍🗨😁👍

Hi Crystal.  I have the relevant unicode - how do I add it to the text?

Hey there, Sarah. These are the most universal steps for entering unicode on a Windows machine:

1. Press and hold down the Alt key.
2. Press the + (plus) key on the numeric keypad.
3. Type the unicode value.
4. Release the Alt key.

For Macs, you can use the option key in combination with other letters for special characters.

Can I put a yell out for Font Awesome to be packaged with rise. PLEASE.
Its such a powerful instructional and design tool - I'm amazed its not able to be kitted with Rise. Adjusting the css file after you've exported isnt ideal as you need to test the icon set and display comes through before the export.

The emoji's are very 80's/ancient looking and I'm from the 80's ;)

Thanks for contributing, Mata. Those look like fun icons! We'll let you know if we make a change that will help.

PS - I'm from the 80s, too, and I'm trying super hard not to be ancient. 

While I'm at it, can I also do a shout out for more edit capability for font styles in the settings. You can currently obvs just set the heading and body fonts but nothing for bullets or anything else. Makes for meagre styling and everyone's course looks like everyone elses - ie a Rise course.

I use inspector to manually inline styles, but its fiddly, takes up time and sometimes you cannot change as its output at runtime.

So my wishlist:

Develop settings to include:

1. Implementation of Font Awesome as linked web font
2. And/or able to implement a linked external css file (I reckon the developers will say 'heeeeell noooo' haha- and I understand why as it can ruin many things..
3. Provide unordered/ordered list colouring and sizing and font-iiing
4. Ability to reduce down the over bloated rem margins - particularly around img+text, storyline files ---why soo much maaaaaargin?
5. Thank you 

Awesome, thank you!

+1 to being able to inline images to text.  Surprised this wasn't there