Embedding

[YannessaJ]

I like to use the homepage to have  links to modules and assignments. For the past month or so, I will upload a link and when I go to save, it gives me a message "Content is still being uploaded, if you continue it will not be embedded properly." I will wait a few minutes but it continues to pop up. Any help?

[Chris_Hofer]

@YannessaJ ...

I am not familiar with any message like that within Canvas.  Might you be able to share a screenshot or two...or record a short screencast showing what is happening on your screen?  (Be sure not to show any student identifying information ... because FERPA.)  I think that would be helpful for us here in the Community to see a visual of what you're describing.

Looking forward to hearing back from you soon!

[chriscas · Accepted solution]

Hi @YannessaJ,

I came across this post while doing a bit of a cleanup of questions in the Canvas LMS question forum here.  Did you happen to see @Chris_Hofer's request for more info?  I would agree with him that the message you're describing is not something I've ever seen come from Canvas, so I wonder if perhaps it's a 3rd party tool (perhaps a video tool, as those usually have the longest upload times) generating the message.  If you have any more details, please feel free to share them.  If we don't hear back from you, we'll mark this as solved, though you (or anyone else) can come back at any time and unmark the solution.

-Chris

[clpatter]

One of my instructors is having this same issue.  I'm attaching a screenshot. 

I imported the page to my own course for testing, and the same thing is happening.  I even tried deleting all links and images, so there's only text on the page, and I still get the error when I try to save.  Also, on the page itself, all of the links are dead.  You can't click on them or highlight them or anything.  Very odd, and can't figure out how to get it to work.

[clpatter]

Turns out the instructor found a text box within a textbox on the page.  When she deleted that, she could save and the page worked correctly. 

[joel_taylor]

One of the instructors of my institution was having the same problem. The "answer" was not very helpful - why is it marked as the answer?

@clpatter's response was more helpful. With it, I found the problem text/code - although I cannot explain it.

The following page content (shown as HTML code) exists towards the bottom of my page:

<p>Expand then simplify:</p>
<p><img src="https://learnerlink.instructure.com/courses/17999/files/4798973/preview" alt="image.png" width="93" height="325" data-api-endpoint="https://learnerlink.instructure.com/api/v1/courses/17999/files/4798973" data-api-returntype="File" /></p>
<p><br />Expand with unknown outside ():</p>
<p><img src="https://learnerlink.instructure.com/courses/17999/files/4798974/preview" alt="image.png" width="108" height="338" data-api-endpoint="https://learnerlink.instructure.com/api/v1/courses/17999/files/4798974" data-api-returntype="File" /></p>
<p><span style="font-size: 12pt;"><strong><span style="color: #000000;">&nbsp; &nbsp;Answer 6)</span></strong></span></p>
<p><img src="https://learnerlink.instructure.com/courses/17999/files/4798979/preview" alt="image.png" width="412" height="82" data-api-endpoint="https://learnerlink.instructure.com/api/v1/courses/17999/files/4798979" data-api-returntype="File" /><span class="mceNonEditable" style="display: inline-flex;" aria-label="Loading placeholder for image.png" data-placeholder-for="image.png"> <img style="position: absolute; left: 0px; top: 0px; width: 4px; height: 1px;" aria-hidden="true" /> </span></p>
<p><span id="placeholder-4" class="mceNonEditable" style="display: inline-flex;" aria-label="Loading placeholder for image.png" data-placeholder-for="image.png"></span></p>
<p><span style="font-size: 12pt;"><strong><span style="color: #000000;">&nbsp; &nbsp;Answer 7)</span></strong></span></p>
<p><img src="https://learnerlink.instructure.com/courses/17999/files/4798980/preview" alt="image.png" width="417" height="75" data-api-endpoint="https://learnerlink.instructure.com/api/v1/courses/17999/files/4798980" data-api-returntype="File" /><span class="mceNonEditable" style="display: inline-flex;" aria-label="Loading placeholder for image.png" data-placeholder-for="image.png"> <img style="position: absolute; left: 0px; top: 0px; width: 4px; height: 1px;" aria-hidden="true" /> </span></p>
<p>&nbsp;</p>
<p><span id="placeholder-5" class="mceNonEditable" style="display: inline-flex;" aria-label="Loading placeholder for image.png" data-placeholder-for="image.png"></span></p>
<p>&nbsp;</p>

Through trial-and-error, I found that the issue was with/in <span>. It turns out, the user had used a tool called TinyMCE - a popular rich text editor. Inside the <span>, a foreign class was used called "mceNonEditable". It seems that this was being interpreted as placeholders and it might have been assumed that the content is still being uploaded.