Found this content helpful? Log in or sign up to leave a like!
[Rich Content Editor] HTML code "Background: url ()" is altered on copy
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
In learning from @DrNufer 's How to Canvas site, I've been working on adding background images to pages (https://www.howtocanvas.com/create-amazing-pages-in-canvas/background-css). Unfortunately, it appears that the code if being altered on copy, causing the image not to display.
Original code: <div style="background: url('/courses/96878/files/20862122/preview') no-repeat center / cover; align-items: center; display: flex; justify-content: center; height: auto; width: auto;">
Code altered on copy: <div style="background: url('$CANVAS_COURSE_REFERENCE$/file_ref/g8c59b4aa41d58a7470e59b26a7c3ac0d/preview') no-repeat center / cover; align-items: center; display: flex; justify-content: center; height: auto; width: auto;">
I'm hoping it's something in the way I wrote the code. Any help is appreciated!
Solved! Go to Solution.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Hi dbrace - Thank you for your response. I also determined that the only solution is to change the course id and image id after copy seems to work, unfortunately. There is another thread in Community noting the same issue: https://community.canvaslms.com/t5/Canvas-Ideas/Rich-Content-Editor-Improve-RCE-to-include-ability-t...