Inserting an Image into Roundcube

Posted by design 02/18/2016 0 Comment(s) Easy cPanel Tutorials,

Roundcube and Inline Images


 


Roundcube is one of three cPanel webmail clients. People often ask how to insert an image into a Roundcube email, so here's a visutorial.


 


Roundcube can be accessed from your cPanel area > Email Accounts > More > Login to Webmail (dropdown):


 


Access Roundcube from cPanel


 


Select Roundcube


 


Select Roundcube Webmail Handler


 


Compose an Email


 



 


Change your Editor Type to HTML


 


Roundcube Text WYSIWYG Editor


 


After you do this, the frame will load a WYSIWYG editor. To insert an image, click the Image icon


 



 


 


Wrench in the Works!


 


This is where things get tricky if you're not used to working in your hosting account.  Basically, the dialog box that comes up will want a URL.  


 



 


You can't upload an image here, so you'll need to upload it to your hosting account to use it. You can use other storage methods, like PhotoBucket, as well.  


 


What you want to avoid is hotlinking. This will get you in trouble.  Hotlinking means that the URL you paste in is from a site that doesn't belong to you, or doesn't authorize you to use their images. Using their images means you're using their bandwidth.


 


But, people do that all the time!  True, but it's not nice. It's like hosting a dinner party at the neighbor's house without asking first.


 


 


Let's Rewind


 


The image you want to use? You need to upload it to your hosting account.  So, go back to cPanel > File Manager and get yourself into a public directory. This means anything "under" public_html or www (which are the same thing)


 



 


Now, take note here. Basically, public_html (or www) on the server side translate to your domain name on the public side.


 


e.g.


/public_html/images/


-or-


/www/images/



mydomain.com/images


-or-


www.mydomain.com/images


 


Same thing.  For those of you literal people, "mydomain.com" should be replaced with your actual domain name. 


 


 


Upload Your Image through File Manager


 


Once you're sure you're in the folder you want to be in, click Upload


 


File Manager Image Upload


 


Here, you an drag-n-drop an image from your computer, or you can upload a file.  


 


What If the image is somewhere on the internet?  First, make sure you have permission to use it.  Then, save the image to your computer. Normally you can do this with a quick right-click > save image -or- right-click > save target as... from the browseer.  Remember where you saved it, then go to the previous sentence and upload the image.


 


Once you've uploaded the image, you'll see it in the directory listing, like this:


 


File Manager Directory Listing


 


Note that the name of my image is btn-blog.png and I uploaded it into public_html/images/ folder?  Remember what that means?  The front-facing URL will be:


 


http://mydomain.com/images/btn-blog.png


 


This is the URL you'll need for the WYSIWYG editor pop-up box in RoundCube.  So, let's go back into RoundCube to that step.  I'm going to enter that URL and a brief SEO friendly description of my image, then click INSERT:


 



 



 


The moral of the story is that RoundCube will only display images that are in a public space.  


 


What if you have an image from your hard drive on your clipboard, and you paste it in?  Only YOU will see it, because it's located on your computer - and only you have access to that computer.  So, be sure it's public, be sure it's legal, and you're good to go!


 


 


 

Leave a Comment