Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE HTML>
<html style="height: 100%;">
  <head>
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <meta charset="utf-8">
    <title>https://stackoverflow.com/a/65767922/5846045, https://answers.sap.com/answers/13229745/view.html</title>
    <script defer id="sap-ui-bootstrap"
      src="https://openui5.hana.ondemand.com/resources/sap-ui-core.js"
      data-sap-ui-oninit="onUI5Init"
      data-sap-ui-libs="sap.ui.core,sap.m"
      data-sap-ui-theme="sap_fiori_3"
      data-sap-ui-async="true"
      data-sap-ui-compatversion="edge"
      data-sap-ui-excludejquerycompat="true"
      data-sap-ui-xx-waitfortheme="init"
    ></script>
  </head>
  <body id="content" class="sapUiBody">
  </body>
</html>
 
globalThis.onUI5Init = () => sap.ui.require([
  "sap/ui/core/Fragment",
  "sap/ui/model/json/JSONModel" // sample model
], async (Fragment, Model) => {
  "use strict";
  const control = await Fragment.load({
    definition: `<Panel xmlns="sap.m"
      headerText="Message Strip with Formatted Text"
      height="100%"
      class="sapUiResponsiveContentPadding">
      <MessageStrip text="{/text}" enableFormattedText="true">
        <Link text="Link aggregation" />
      </MessageStrip>
    </Panel>`,
  });
  // NOTE: the tag <br> is supported only as of 1.85!
  const model = new Model({
    text: `This is a <strong>formatted</strong> <em>text</em><br>in a new line. You can put a <a href="https://example.com">link</a> or add an <u>sap.m.Link</u> to the... `
  });
  control.setModel(model).placeAt("content");
});
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
boghyonpro
0viewers