Code not functioning as intented

[PrachiModi]

A code I added is being accepted and works but only until I open the editor again. The part of code is deleted and it stops functioning.

The anchor tag(bold part of code)  is deleted after opening the editor.

Code: 

<div style="width: 100%; overflow: hidden;">
<div style="background-color: #005f86; width: 33%; border-radius: 5px; border: 3px solid #005f86; margin-top: 5px; margin-right: 5px; float: left;">
<h3 style="text-align: center; padding: 0.5em;"><span style="color: #ffffff; font-size: 14pt;">Peer Observation of Teaching Process</span></h3>
<a class="inline_disabled" style="color: #005f86;" href="https://libraryhelp.sfcc.edu/Chat-GPT" target="_blank" rel="noopener">
<p style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1;">&nbsp;</p>
</a>
</div>

[Chris_Hofer]

Hello @PrachiModi ...

It sounds like you are finding that some of your HTML is being stripped out of the RCE (Rich Content Editor) after you save your content page in your Canvas course.  This is by design...per this Guide:

How do I use the HTML view in the Rich Content Edi... - Instructure Community (canvaslms.com)

In this Guide, please take a look at the link in the first paragraph in the light blue box at the top of the page [it points to this page: Canvas HTML Editor Allowlist - Instructure Community (canvaslms.com)].

I hope this helps to answer your question.  Sing out if you have other questions related to this...thanks!

[PrachiModi]

Well, it works fine the first time I save it. Only if I open the editor again the part of the code is stripped out. 

[Ron_Bowman]

@PrachiModi -

I played around some with this, and what If found is that if you do not provide text to be displayed on the page for the link to be clicked on, then that link is removed (as you see).  What you need is (bold is the missing part):

<a class="inline_disabled" style="color: #005f86;" href="https://libraryhelp.sfcc.edu/Chat-GPT" target="_blank" rel="noopener"> This is the link text

that should display it.  However, for me, when I put all of your code into the editor, I do see the link show up and everything stays in the editor.  However, the link does not work - I can't click on it - it is not active.  furthermore, other links are no longer active either.  That issue seems to be with the paragraph line below your link line.  Not sure what that issue is.

Ron

edit -

If I do the following,

<p style="position: absolute; width: 100%; height: 100%; top: 0; left: 0;"><a class="inline_disabled" style="color: #005f86;" href="https://libraryhelp.sfcc.edu/Chat-GPT" target="_blank" rel="noopener"> blank </a></p>

then I get the link showing up in the left hand corner of the page and it is an active link, but the other links in the resulting display are not active.  So the reason the code goes away is no text for the link.  the paragraph part seems to cause other issues.  good luck