Misusing with HTML breaks the HTML

[spikyhorse]

Since this isn't what the plugin is for this is more of an FYI.

I used an online form builder that spews "ugly" HTML

<form id="rendered-form"><div class="rendered-form formbuilder-embedded-bootstrap"><div class="formbuilder-select form-group field-select-1743677751001-0"><label for="select-1743677751001-0" class="formbuilder-select-label">Select</label><select class="form-control" name="select-1743677751001-0" id="select-1743677751001-0"><option value="option-1" selected="selected" id="select-1743677751001-0-0">Option 1</option><option value="option-2" id="select-1743677751001-0-1">Option 2</option><option value="option-3" id="select-1743677751001-0-2">Option 3</option></select></div><div class="formbuilder-text form-group field-text-1743677735445-0"><label for="text-1743677735445-0" class="formbuilder-text-label">Text Field</label><input type="text" class="form-control" name="text-1743677735445-0" id="text-1743677735445-0"></div><div class="formbuilder-text form-group field-text-1743677736856-0"><label for="text-1743677736856-0" class="formbuilder-text-label">Text Field</label><input type="text" class="form-control" name="text-1743677736856-0" id="text-1743677736856-0"></div><div class="formbuilder-text form-group field-text-1743677738290-0"><label for="text-1743677738290-0" class="formbuilder-text-label">Text Field</label><input type="text" class="form-control" name="text-1743677738290-0" id="text-1743677738290-0"></div><div class="formbuilder-text form-group field-text-1743677739580-0"><label for="text-1743677739580-0" class="formbuilder-text-label">Text Field</label><input type="text" class="form-control" name="text-1743677739580-0" id="text-1743677739580-0"></div><div class="formbuilder-text form-group field-text-1743677754583-0"><label for="text-1743677754583-0" class="formbuilder-text-label">Text Field</label><input type="text" class="form-control" name="text-1743677754583-0" id="text-1743677754583-0"></div></div></form>

I used the pretty print in the addin and it deletes some of the closing div tags - I mention this in case it is relevant for anything else in the addin

Image below of how it renders plugin version 1.7.8 and np++ version 8.7.5 for Windows 11

[krystian3w]

The problem seems to be input tags written as HTML instead of XHTML.

https://www.w3schools.com/html/html_xhtml.asp

XHTML Empty Elements Must Always be Closed

Input is an empty tag.

We would probably need to add another engine alongside StringXML/SimpleXML/QuickXML for HTML5 (none of the 3 current ones work, i.e. they eat closing tags, eat the > character or stop formatting after a few lines).

Dumb fix: https://regex101.com/r/NKFXG6/2

The regex guru could try extending support to tags without attributes (mostly hr, br), ignoring what's behind them.