Morpheus

"I understand that when HTML code is saved directly within the IPB editor, it gets sanitized regardless of the circumstances. However, I am a bit confused by the editor's behavior: when you click the standard </> (Code) button, it seems it could close the main editor and open the exact same HTML source window that appears when selecting 'Edit HTML code.' Given that behavior, it seems feasible to add an 'HTML Content' block or button—even within the Announcements module—to bypass this restriction by adding a new HTML content button. While I am not a programmer and am unsure of the underlying workaround, saving the code completely outside of the standard IPB editor wrapper (similar to how it is handled in other native areas of the software) would be an ideal solution. Ultimately, a major part of running a website is content creation, and platform administrators should have the power to implement content as they see fit. While security constraints make sense for general users, that full creative power should absolutely be granted to the administrators, managed simply through group permissions.

Still stripping major HTML code. I entered the below in the Guest Signup Widget using the </> button. <div class="i-padding:4"> <h3 class="i-font-weight:bold i-margin-bottom:3">Invision Community v5 Responsive Engine Test</h3> <p class="i-margin-bottom:4">Resize your browser or view this page on different devices to test the v5 breakpoint triggers.</p> <!-- BOX 1: Only prints on Mobile Devices --> <div class="i-hidden@tablet i-hidden@desktop" style="background: #fff3cd; color: #856404; padding: 15px; border-left: 5px solid #ffc107; border-radius: 4px; margin-bottom: 10px;"> <strong> MOBILE VIEW ACTIVE</strong><br> This block is visible because <code>i-hidden@tablet</code> and <code>i-hidden@desktop</code> are suppressing the other screen states. </div> <!-- BOX 2: Only prints on Tablet Devices --> <div class="i-hidden@mobile i-hidden@desktop" style="background: #d1ecf1; color: #0c5460; padding: 15px; border-left: 5px solid #17a2b8; border-radius: 4px; margin-bottom: 10px;"> <strong> TABLET VIEW ACTIVE</strong><br> This block is visible because <code>i-hidden@mobile</code> and <code>i-hidden@desktop</code> are hiding it everywhere else. </div> <!-- BOX 3: Only prints on Desktop Screens --> <div class="i-hidden@mobile i-hidden@tablet" style="background: #d4edda; color: #155724; padding: 15px; border-left: 5px solid #28a745; border-radius: 4px; margin-bottom: 10px;"> <strong> DESKTOP VIEW ACTIVE</strong><br> This block is visible because <code>i-hidden@mobile</code> and <code>i-hidden@tablet</code> are hiding it on portable devices. </div> </div>

I found that saving forum rules after adding HTML it is sanitizing the code. Before Saving: <div style="text-align:center"> <a target="_blank" rel="noopener noreferrer" class="ipsButton ipsButton_important ipsButton_medium" href="/tutorials/25_installing-a-windows-intrusion-detection-system-winids-companion-add-on/compiling-barnyard2-on-windows-for-windows-using-cygwin-r11/"> Get tutorial! </a> </div>After: <div style="text-align:center"> <a target="_blank" rel="" href="/tutorials/25_installing-a-windows-intrusion-detection-system-winids-companion-add-on/compiling-barnyard2-on-windows-for-windows-using-cygwin-r11/"> Get tutorial! </a> </div>This does not happen when adding HTML to Pages.

Version 1.04 - Unable to add a button to the page: <div style="text-align:center"> <a target="_blank" rel="noopener noreferrer" class="ipsButton ipsButton_important ipsButton_medium" href="/tutorials/25_installing-a-windows-intrusion-detection-system-winids-companion-add-on/compiling-barnyard2-on-windows-for-windows-using-cygwin-r11/"> Get tutorial! </a> </div>

This issue has been resolved. It all revolved around the HTML loading an external .css file. The file did not accept the h1–h6 styling rules. Removing those rules allowed the title to return to normal but misaligned the text in the HTML output. To fix this, I wrapped the entire HTML code in a div with a unique ID and replaced all the global h1–h6 rules with scoped ones targeting that ID. I also discovered that every time I edited the external .css file, I had to increment the version number in the link tag; otherwise, the page would pull the previous cached version. I'm not sure if it's possible, but perhaps the cache could be handled at the time of saving the HTML file. However, I believe the issue only occurs when an external .css file is called—placing the h1–h6 rules directly into the custom.css of the theme did not resolve it.

I am experiencing an issue when adding HTML to Pages. After saving the HTML, the text of the Page Title expands/stretches unexpectedly. If I remove the HTML and replace it with a simple test word, the title formatting goes back to normal. I have attached before and after snapshots of the issue for reference. Any help resolving this would be appreciated!

Not sure if this is the right place to ask, but I use the Tutorials app from SOSInvision, which relies heavily on the editor functions. I was wondering if it would be possible to add it to the list of supported applications?