diff --git a/templates/repo/view_file.tmpl b/templates/repo/view_file.tmpl
index 3af566e4b8275..04b68f2016658 100644
--- a/templates/repo/view_file.tmpl
+++ b/templates/repo/view_file.tmpl
@@ -58,7 +58,7 @@
 						<a class="ui mini basic button unescape-button" style="display: none;">{{.locale.Tr "repo.unescape_control_characters"}}</a>
 						<a class="ui mini basic button escape-button">{{.locale.Tr "repo.escape_control_characters"}}</a>
 					{{end}}
-					<button class="ui mini basic button small compact tooltip copy-content" id="clipboard-btn" data-content="{{.locale.Tr "copy_content"}}" aria-label="{{.locale.Tr "copy_content"}}"
+					<button class="ui mini basic button small compact tooltip" id="copy-file-content" data-content="{{.locale.Tr "copy_content"}}" aria-label="{{.locale.Tr "copy_content"}}"
 					{{if or (.IsMarkup) (.IsRenderedHTML) (not .IsTextSource)}}
 					disabled
 					{{end}}
diff --git a/web_src/js/features/common-global.js b/web_src/js/features/common-global.js
index 13cf995057ce0..a3aebc024625c 100644
--- a/web_src/js/features/common-global.js
+++ b/web_src/js/features/common-global.js
@@ -343,15 +343,6 @@ export function initGlobalButtons() {
       window.location.href = $this.attr('data-done-url');
     });
   });
-
-  // get raw text for copy content button
-  const copyContentButtons = document.querySelectorAll('button.copy-content');
-  if (copyContentButtons.length !== 0) {
-    const text = Array.from(document.querySelectorAll('.lines-code')).map((el) => el.textContent).join('');
-    for (const copyContentButton of copyContentButtons) {
-      copyContentButton.setAttribute('data-clipboard-text', text);
-    }
-  }
 }
 
 /**
diff --git a/web_src/js/features/repo-code.js b/web_src/js/features/repo-code.js
index 002a25f6ed822..ad27036372fac 100644
--- a/web_src/js/features/repo-code.js
+++ b/web_src/js/features/repo-code.js
@@ -1,9 +1,11 @@
 import $ from 'jquery';
 import {svg} from '../svg.js';
 import {invertFileFolding} from './file-fold.js';
-import {createTippy} from '../modules/tippy.js';
+import {createTippy, showTemporaryTooltip} from '../modules/tippy.js';
 import {copyToClipboard} from './clipboard.js';
 
+const {i18n} = window.config;
+
 function changeHash(hash) {
   if (window.history.pushState) {
     window.history.pushState(null, null, hash);
@@ -110,6 +112,18 @@ function showLineButton() {
   });
 }
 
+function initCopyFileContent() {
+  // get raw text for copy content button, at the moment, only one button (and one related file content) is supported.
+  const copyFileContent = document.querySelector('#copy-file-content');
+  if (!copyFileContent) return;
+
+  copyFileContent.addEventListener('click', async () => {
+    const text = Array.from(document.querySelectorAll('.file-view .lines-code')).map((el) => el.textContent).join('');
+    const success = await copyToClipboard(text);
+    showTemporaryTooltip(copyFileContent, success ? i18n.copy_success : i18n.copy_error);
+  });
+}
+
 export function initRepoCodeView() {
   if ($('.code-view .lines-num').length > 0) {
     $(document).on('click', '.lines-num span', function (e) {
@@ -185,4 +199,5 @@ export function initRepoCodeView() {
     if (!success) return;
     document.querySelector('.code-line-button')?._tippy?.hide();
   });
+  initCopyFileContent();
 }