Tag HTML in title attribute

Hi everyone,

I have the following source code in an HTML file:

                <div class="hotspot__point" style="top: 19.3%; left: 11.6%;" data-da-click-event='Interaction|Header Slide 1 Hotspot Collegeblöcke' data-tooltip data-click-open="true"
                     data-disable-hover="true" data-allow-html="true" data-position="bottom" data-alignment="center"
                     tabindex="1"
                     title="<h6 class='u-margin-bottom-0'>TEXT TO TRANSLATE</h6><span class='small -text-light'>TEXT TO TRANSLATE</span><ul><li>TEXT TO TRANSLATE</li><li>TEXT TO TRANSLATE</li><li>TEXT TO TRANSLATE</li></ul><a class='button primary small expanded' href='/de/shop/configurator/index/id/5709/collegebloecke-mit-perforation.html'>TEXT TO TRANSLATE</a>">
                    <div class="hotspot__inner"><i class="fas fa-plus"></i></div>
                    <div class="hotspot__pulse"></div>
                </div>

Trados correctly imports the title attribute but also imports all the HTML code inside the title attribute.
I know I can use the Cleanup Tasks Plugin to tag the HTML code but I have several issues with the plugin.

First of all, during generating the target translation, the tags seem to get lost in the target. I do need the HTML to be valid and there in the target files!
Maybe I configured the plugin incorrectly. Does someone know what the correct configuration should be?

The texts in the title attribute are also still included in only one segment. Is there a way to fix this?
I need to prepare several big files for translation into several languages and I don't have the option to split the segments one by one.

Or is there another way to tag the HTML code without the Cleanup Tasks Plugin?

Thanks in advance!