HTML5 Integration with Web Dynpro ABAP (Changed)

Integration of UI5 Controls (New)

It is now possible to integrate UI5 controls in HTMLIsland and HTMLContainer. You can use the new aggregation CUSTOM_ATTRIBUTE to define the custom attributes id, data-sap-ui-theme and data-sap-ui-libs for the HTML <script> tag.

Secure HTML Encoding on the Client (New)

Since HTML has special handling for characters like < and >, you need to ensure that they are correctly displayed when you run your application. To create secure encoding of HTML either on the client, you can use the following JavaScript code:

               function encode(api, string) { 
                   return api.encodeHTML(string); 
               }… 
            

This JavaScript code contains a reference to the callback API which you can pass from the backend via a JavaScript parameter. To do this, you call method ADD_CALLBACK_API( ) of interface IF_WD_HTML_SCRIPT_CALL in your Web Dynpro ABAP code.