zhuyijun/nacos
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix Navigator clipboard api needs a secure context (https) (#11942)

Browse Source
This commit is contained in:
hnyyghk 2024-04-11 15:29:09 +08:00 committed by GitHub
parent 5c141593d8
commit fb597084c5
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 26 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
console-ui/src/components/Copy/index.jsx
View File

@ -37,7 +37,29 @@ class Copy extends React.Component {
}; };
copyText(locale, value) { copyText(locale, value) {
// fix Navigator clipboard api needs a secure context (https)
// refer to https://stackoverflow.com/questions/51805395/navigator-clipboard-is-undefined
if (navigator.clipboard && window.isSecureContext) {
navigator.clipboard.writeText(value); navigator.clipboard.writeText(value);
} else {
// Use the 'out of viewport hidden text area' trick
const textArea = document.createElement('textarea');
textArea.value = value;
// Move textarea out of the viewport so it's not visible
textArea.style.position = 'absolute';
textArea.style.left = '-999999px';
document.body.prepend(textArea);
textArea.select();
try {
document.execCommand('copy');
} catch (error) {
} finally {
textArea.remove();
}
}
Message.success(locale.Components.copySuccessfully); Message.success(locale.Components.copySuccessfully);
} }

4
console/src/main/resources/static/index.html
View File

@ -35,7 +35,7 @@
<link rel="stylesheet" type="text/css" href="console-ui/public/css/icon.css"> <link rel="stylesheet" type="text/css" href="console-ui/public/css/icon.css">
<link rel="stylesheet" type="text/css" href="console-ui/public/css/font-awesome.css"> <link rel="stylesheet" type="text/css" href="console-ui/public/css/font-awesome.css">
<!-- 第三方css结束 --> <!-- 第三方css结束 -->
<link href="./css/main.css?3136b296dca60e1980ec" rel="stylesheet"></head> <link href="./css/main.css?48bc3a2e5faa78253d8a" rel="stylesheet"></head>
<body> <body>
<div id="root" style="overflow:hidden"></div> <div id="root" style="overflow:hidden"></div>
@ -56,6 +56,6 @@
<script src="console-ui/public/js/merge.js"></script> <script src="console-ui/public/js/merge.js"></script>
<script src="console-ui/public/js/loader.js"></script> <script src="console-ui/public/js/loader.js"></script>
<!-- 第三方js结束 --> <!-- 第三方js结束 -->
<script type="text/javascript" src="./js/main.js?3136b296dca60e1980ec"></script></body> <script type="text/javascript" src="./js/main.js?48bc3a2e5faa78253d8a"></script></body>
</html> </html>

2
console/src/main/resources/static/js/main.js
View File

File diff suppressed because one or more lines are too long