error when rendering with $!{} in .marko file

[xd-dw]

Marko Version: x.x.x

"marko": "^5.25.1"

Details

i try to render below text with $!{} in .marko file

"……CrudRepository ——通用CRUD操作的接口。……删除多个对象 这是调用 CrudRepository<T, ID extends Serializable> 接口的 void delete(Iterable<?……统计对象数量 这是调用 CrudRepository<T, ID extends Serializable> 接口的 long count() 方法来统计对象数量。……"

but i get below error:

i tried jQuery.parseHTML(), it seems good, not sure why marko report above error.

Expected Behavior

No error when rendering with $!{}

Actual Behavior

error happened

Possible Fix

Additional Info

Your Environment

• Environment name and version (e.g. Chrome 39, node.js 5.4): Microsoft Edge Version 111.0.1661.62 (Official build) (x86_64)
• Operating System and version (desktop or mobile): MacBook Air Retina, 13-inch, 2018, MacOS 13.3 (22E252)
• Link to your project:

Steps to Reproduce

1. first...

Stack Trace

Compiled with problems:
ERROR
Cannot set properties of undefined (setting '___parentNode')
TypeError: Cannot set properties of undefined (setting '___parentNode')
at VElement.___appendChild (http://localhost:8080/static/vendors-node_modules_ebay_ebayui-core_dist_components_ebay-icon-button_index_marko-node_modul-4e85aa.a9642353.js:6884:27)
at virtualizeChildNodes (http://localhost:8080/static/vendors-node_modules_ebay_ebayui-core_dist_components_ebay-icon-button_index_marko-node_modul-4e85aa.a9642353.js:8234:16)
at Function.virtualizeElement [as ___virtualize] (http://localhost:8080/static/vendors-node_modules_ebay_ebayui-core_dist_components_ebay-icon-button_index_marko-node_modul-4e85aa.a9642353.js:6657:5)
at virtualize (http://localhost:8080/static/vendors-node_modules_ebay_ebayui-core_dist_components_ebay-icon-button_index_marko-node_modul-4e85aa.a9642353.js:8242:23)
at virtualizeHTML (http://localhost:8080/static/vendors-node_modules_ebay_ebayui-core_dist_components_ebay-icon-button_index_marko-node_modul-4e85aa.a9642353.js:8261:33)
at AsyncVDOMBuilder.html (http://localhost:8080/static/vendors-node_modules_ebay_ebayui-core_dist_components_ebay-icon-button_index_marko-node_modul-4e85aa.a9642353.js:5978:22)
at marko_template..marko_src_runtime_components_renderer_js__WEBPACK_IMPORTED_MODULE_2___default.t (http://localhost:8080/static/home_tTbh.c7c6f788.js:836:21)
at renderer (http://localhost:8080/static/vendors-node_modules_ebay_ebayui-core_dist_components_ebay-icon-button_index_marko-node_modul-4e85aa.a9642353.js:4829:5)
at proxyRenderer (http://localhost:8080/static/vendors-node_modules_ebay_ebayui-core_dist_components_ebay-icon-button_index_marko-node_modul-4e85aa.a9642353.js:7094:21)
at renderTagHelper (http://localhost:8080/static/vendors-node_modules_ebay_ebayui-core_dist_components_ebay-icon-button_index_marko-node_modul-4e85aa.a9642353.js:5571:77)

[DylanPiercey]

You will see this error when invalid html, or html which does not produce a consistent structure when hydrating (eg something that relies on automatic tag insertion) is used.

[xd-dw]

i guess it was caused by such tags in the text which are not standard html tags:

1. <T, ID extends Serializable>
2. <?……统计对象数量

can Marko just ignore unknown tags when rendering using $!{} ?

[DylanPiercey]

@xd-dw the $!{} passes through the html as is, however it does have to be well formatted in order for Marko to hydrate it and operate properly. If you want to sanitize the html before providing it to Marko you'll have to bring in a library which does so. There's also the native Sanitizer API but it has limited browser support.