Trouble using "contentEditable" attribute in Canvas HTML viewer/editor

[SamuelGiles]

Hello everyone,

I'm currently having trouble getting the "contentEditable" attribute to work properly in the HTML viewer/editor in Canvas. Specifically, I'm trying to create a table with one column for logical fallacies and another column for definitions, where users can enter their own definitions into the second column.

However, when I try to use the "contentEditable" attribute on the second column, I'm unable to click on the cell or enter anything into it. I've checked my browser settings and scripts are enabled, so I'm not sure what's causing the issue.

I was wondering if anyone has had a similar issue with using the "contentEditable" attribute in Canvas, or if there are any known limitations or restrictions on what can be done within the HTML viewer/editor. Does Canvas support this kind of feature, or is there a different way I should be approaching this?

Any help or guidance would be greatly appreciated. Thank you in advance!

Best regards,

Sam Giles

[chriscas]

Hi @SamuelGiles,

I don't see contentEditable referenced in the Canvas HTML Editor Allowlist document, so my assumption is that it's unsupported in Canvas right now.  I'm a little confused at what you're trying to do.  Is this something students are doing on their own for studying, or are you expecting to somehow see what they type in the box to assign grades or something at some point?  Let us know and someone in the community here might have some suggestions for you!

-Chris

[SamuelGiles]

Hi Chris,

I was mostly just experimenting with the HTML5 affordances on Canvas. Ultimately I wanted to know if I could make a page that had space for students to type without requiring them to be submitting or the text or completing an official task. Presumably with HTML that entered text could be managed and used on that page in a variety of ways.

Thanks for the help, I'll keep experimenting.

Sam