have a problem with prettifying my html code. I have a lot divs (whole page design is based on them) with multiple html data-* attributes. It’s all working great but that’s a lot of code and I need to prettify it somehow, maybe hiding data-* attributes in another file or js?
Divs look like this:

<div class='t396__elem tn-elem tn-elem__6438860611695490802195' data-elem-id='1695490802195' data-elem-type='shape' data-field-top-value="-125" data-field-left-value="-616" data-field-height-value="1227" data-field-width-value="1482" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="133" data-field-left-res-320-value="-391" data-field-top-res-480-value="130" data-field-left-res-480-value="-385" data-field-top-res-640-value="-56" data-field-left-res-640-value="-339" data-field-height-res-640-value="774" data-field-width-res-640-value="935" data-field-top-res-960-value="-82" data-field-left-res-960-value="-551" data-field-height-res-960-value="1141" data-field-width-res-960-value="1378" >

Can anyone suggest some way to do this? In result I need something like this left:

<div class='t396__elem tn-elem tn-elem__6438860611695490802195'>

Thanks in advance

Trying to find solution for hours…