Skip to content

Instantly share code, notes, and snippets.

@kannankumar

kannankumar/CopySAPUI5Text.md

Last active August 4, 2016 15:54
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kannankumar/639bbf0134b77893bb6e3d0a386f1043 to your computer and use it in GitHub Desktop.
Save kannankumar/639bbf0134b77893bb6e3d0a386f1043 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
CopySAPUI5Text.md
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<script src="https://openui5.hana.ondemand.com/resources/sap-ui-core.js" id="sap-ui-bootstrap" data-sap-ui-theme="sap_bluecrystal" data-sap-ui-libs="sap.m"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<script>
var hdr = new sap.m.Label({text:"Snippet to copy entered text from Input"})
var inp = new sap.m.Input({placeholder:'Enter Text to be copied here'});
var btn = new sap.m.Button({text:"Copy Text",press:copyText});
var inp2 = new sap.m.Input({placeholder:'Paste copied text here. [Ctrl + V] on Windows or [Cmd + V] on Mac)'});
/*
selectText() method --> which helps to select the text in the input box
document.execCommand('copy') --> helps to copy any selected text in the screen
It does the equivalent of pressing [Ctrl + C] on Windows or [Cmd + C] on Mac
*/
function copyText(){
inp.selectText(0,inp.getValue().length);
document.execCommand('copy');
}
var box = new sap.m.VBox({items:[hdr, inp, btn,inp2]});
box.placeAt('content');
</script>
</head>
<body class="sapUiBody" role="application">
<div id="content"></div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment