It is not the HTML module that you want to be changing. You want to do this using the HTML Editor Configuration.

You do this under Site Settings, Site Behavior, More and then click the button that says Open HTML Editor Manager.

But first, which version of DNN are you using? And, when you open the HTML Editor Manager, which editor is being used? You will see the Current Provider at the top of the page.

Then, go to the Editor Config tab and change the contents of the Allowed Content box from false to true. I think that will do it for you.

For more information you need to visit the CK Editor's home page (ckeditor.com) and check out the many available configuration options.

Joyce, is your code being ignored because it was altered by the editor? Or is the code intact but ignored? If the latter, then perhaps you need to make sure the code is well-formed, spelled correctly with all the right syntax. This could be a simple syntax issue.

Thank you both for your reply and advice, it is much appreciated. I am using DNN 9.6.2

Joe I am using the HTML editor but I found that it was stripping out sections of the html code. I navigated to the HTML Editor Manager/Editor config tab and in the "extra allowed content" I added -*.*{*}> This then allowed me to enter html without portions of it being removed.

Mark the code was intact but ignored.
Perhaps there is some error in the syntax, but I had tried several codes copy/paste from Bootstrap Snippet and Codepen, some very simple codes but nothing worked as expected or demonstrated. Perhaps there is something in these codes that DNN doesn't like.

I will try start from scratch and write my own html.

Thank you for your help.

About Bootstrap snippets -- that should work just fine.

Are you sure that the Bootstrap components are being loaded? Are they shown in the browser's Developer Tools? Check the Console window for errors. Can you inspect elements and verify that Bootstrap CSS is actually being applied?

You can also put your code in the module settings, in the header or footer. Code in there is not altered by the editor. Use that spot for testing, and then move the code to the editor (in source mode of course) I wouldn't go back and forth like that all the time I use code, but it may help you determine if the editor is the problem.

Posted By Joyce on 29 Jul 2020 10:15 AM
Thank you both for your reply and advice, it is much appreciated. I am using DNN 9.6.2

Joe I am using the HTML editor but I found that it was stripping out sections of the html code. I navigated to the HTML Editor Manager/Editor config tab and in the "extra allowed content" I added -*.*{*}> This then allowed me to enter html without portions of it being removed.

Mark the code was intact but ignored.
Perhaps there is some error in the syntax, but I had tried several codes copy/paste from Bootstrap Snippet and Codepen, some very simple codes but nothing worked as expected or demonstrated. Perhaps there is something in these codes that DNN doesn't like.

I will try start from scratch and write my own html.

Thank you for your help.

Often these code snippets depend on extra loaded libraries, which is why they fail standalone, in general it's not that DNN is blocking them but there's a dependency missing.

I stopped using the HTML module for things like this as it's cumbersome, does not allow loading of extra JS or CSS etc. BTW.

I use Open Content for this (and a lot more):

1. Install OC
2. Place the OC module on a page (the first time you do this it generates the templates folder)
3. On the file system go to \Portals\[myportal]\OpenContent\Templates
4. Create a folder with a logical name for you template
5. Create a text file and rename it to 'template.hbs'
6. now re-visit the page you place OC on and refresh it.
7. You should be able to select the template you just created now.
8. You HTML should be on you site.
9. If you want to add CSS or JS you can add a tempalte.css of tempalte.js in tha folder file and OC will load it for you.
10. As a host you can also edit the templates from DNN through Module actions > [pen icon] > [Edit Template Files]
11. And you can now base new templates on the one you just created from the DNN admin interface ([Advanced] when selecting a template.)

Open Content has a lot more options and possibilities, but this is a nice one I use for blocks of HTML.

https://opencontent.readme.io/

https://github.com/sachatrauwaen/OpenContent

 

Thank you everybody for your advice and support.
I tried adding code in the header and it worked, but as Timo mentioned it is cumbersome to do this.
I shall certainly try using the Open Content, thanks Timo, that seems like a very good solution.