Tooltip Template and Content Security Policy

[Daniel]

This link says:

To remove the unsafe-eval keyword from the meta tag of your application, you must convert all client templates (inline, external, and partial templates) into CSP-compatible templates.

How do I convert this tooltip template into a CSP-compatible template?

                @(Html.Kendo().TreeMap()
                    .Name("tmReason")
                    .DataSource(ds => ds
                        .Read(r => r.Url("?handler=ReadTop5Reasons"))
                        .Model(m => m.Children("Items"))
                    )
                    .Type(TreeMapType.Squarified)
                    .Template(Html.Kendo().Template().AddHtml("${data.text}: ${data.dataItem.Number}"))
                    .ValueField("Number")
                    .TextField("Category")
                    .ColorField("color")
                )
                <script id="tmplReasonTooltip" type="text/x-kendo-template">
                    <p>#=target[0].innerHTML#</p>
                </script>
                @(Html.Kendo().Tooltip()
                    .For("#tmReason")
                    .Filter(".k-leaf")
                    .Position(TooltipPosition.Top)
                    .ContentTemplateId("tmplReasonTooltip")
                    .Width(200.0)
                )

Thank you

[Daniel]

.ContentHandler("getReasonTooltipTemplate")

function getReasonTooltipTemplate(data) {
    return '<p>' + data.target[0].innerHTML + '</p>';
}