-
Notifications
You must be signed in to change notification settings - Fork 0
/
demo.html
31 lines (31 loc) · 905 Bytes
/
demo.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Clipboard Demo</title>
<style>
body {
background: #333;
color: white;
}
</style>
</head>
<body>
<code id="code_goes_here">
<pre>
<p>Some p tag</p>
.some_selector {
background: transparent;
}
Some really long text to visually see and test out how the wrapping would look like. Try different screen widths to see how it would look like. Does it wrap or not? Or does it truncate? Or does it affect the width of the page?</pre
>
</code>
<script src="copyToClipboard.js"></script>
<script>
createElementToClickToCopyToClipboard("#code_goes_here", function (text) {
alert("Copied code to clipboard! \n\n" + text);
});
</script>
</body>
</html>