text webpart add image
its not possible to add a Image in Text webpart. If I try to add a image webpart separately and try to align it not looking good. Any option so that we can add Image and Text in a single webpart like we do in Rich Text editor ?
Pradipta Nayak
shared this idea
11 comments
-
Anonymous
commented
Need this, need this.. Can not understand why this is not in.
-
Anonymous
commented
This is such a no-brainer. Don't understand why this is not possible.
-
Ali
commented
I would vote for this 100000000 times, there absolutely needs to be a better way of combining text and images on a modern page. Copy and pasting in from word is not a professional option... leaves mess/code/doesnt create all image boxes etc.... such a big oversight guys.
-
Patric
commented
For a CMS this is like 90s functionality :(
-
Uros
commented
This is really bad for content editing...
-
DW
commented
Frustrating., I have to make my News in Word, post then embed the code. Such a waste of time.
-
Deb W
commented
I need this to make News successful here.
-
Fraser M
commented
I have figured out how to insert images into Modern SharePoint text webparts!
1. Download and install SharePoint designer 2013
https://www.microsoft.com/en-ca/download/details.aspx?id=35491
2. Launch SharePoint Designer. Under the Files tab -> Sites -> click Open Site. Paste in the full URL to your Modern SharePoint site ie: https://yourtenant.sharepoint.com/sites/SomeSiteName/
3. It will take a few seconds for your site to load into SharePoint Designer. Once it’s loaded, navigate to the Site Assets section under Site Objects on the left-hand navigation pane. This will open a tabbed window of Site Assets in the main window. From this tabbed view navigate to SitePages.
4. Create a folder in the main window called images (or whatever name you want). (Right click -> new -> folder).
For info purposes, this new images folder will exist at: https://yourtenant.sharepoint.com/sites/SomeSiteName/SiteAssets/SitePages/images/
5. Navigate into the images folder you created and drag and drop your images from your computer into this folder. SharePoint Designer will automatically upload your images to your site.
6. Navigate to the Site Pages section under Site Objects on the left-hand navigation pane. This will open a tabbed window of Site Pages in the main window. You will see a list of your already created SharePoint pages. Right click the one you want to insert your image into and choose Edit File in Advanced Mode.
7. Find the section of the page that contains the Text Webpart content you want to insert your image into. (I have been inserting the word IMAGE as a placeholder while editing the Text Webpart in the regular SharePoint design view to make locating easier while in the advanced mode editor of SharePoint Designer). Once you figure out where you want your image to appear in relation to the web part text simply insert the url of the image you uploaded – however you need to format it as such:<img src="/sites/SomeSiteName/SiteAssets/SitePages/images/yourimage.png" />
8. Hit the Save button when you are done editing your page and your page will upload back to SharePoint. Test/view the changes in your web browser and you will see your image is now in line with your text.
Notes:
-the images folder doesn’t need to be named or located exactly as I have outlined above
-you can get the url to your image by right clicking on it in the tabbed site assets view and choosing preview in browser
-I’m not sure if additional code can be used for image alignment (style etc) because I haven’t needed it yet.. but if you have luck please post it somewhere
-you can’t edit any of the images via SharePoint so make sure they are sized appropriately before you upload them
-not sure why we have to jump through so many hoops, but consider this one roadblock tackled.
-though my guide above seems long winded, once you’ve done this once or twice you’ll find it quite easy to repeat. -
Shawn Fielding
commented
I get that MS created the modern pages and restrict them primarily for the ability to easily deal with different screens, but there are some experienced administrators that can easily make sure this doesn't break on their sites. Maybe there should be an "advanced editing" option that allows these sort of customizations for people that know what they are doing.
-
Jason
commented
Agreed! I'd love to be able to float an image and have text wrap around it, or insert an icon into text when creating pages. This is pretty standard for a rich text editor and the old parts have had this since SP 2003 or earlier.
-
Leander
commented
Yes, the modern pages are still not functionally good and thus we are still using the old wiki pages, which are not with the new layout.
