Disable Copy-Paste from the Text Editor

Question

@if (Model.CanMaintainNcrLineManagement) {
<tr>
  <td>@Html.TextAreaFor(model => model.Description, new { id = "txArNcrLineDescriptionValue", @style = "height:520px" })</td>
</tr>
} else {
<tr class="read-only-editor">
  <td>@Html.TextAreaFor(model => model.Description, new { id = "txArNcrLineDescriptionReadOnly", @style = "height:520px" })</td>
</tr>
}

I want to disable the copy-past option from the text editor box. I have used below both codes to disable it but its not working. Please give me some solution

$('body').bind('copy paste', function(e) {
  e.preventDefault();
  return false;
});

<body oncopy="return false" oncut="return false" onpaste="return false">

Possible duplicate of [How to Disable Copy Paste (Browser)](https://stackoverflow.com/questions/9958478/how-to-disable-copy-paste-browser) — JJJ, May 16 '18 at 07:01
@MeghanaKM can you edit your question and put some more html. — Sudhir Ojha, May 16 '18 at 07:13
$(document).ready(function() { $('#txArNcrLineDescriptionValue').bind('copy paste', function(e) { e.preventDefault(); }); }); I have edited Like this — MVS, May 16 '18 at 09:54

score 0 · Answer 1 · answered May 16 '18 at 07:23

0

Change your code and your text editor must be inside body tag and will prevent all inside body tag.

<body oncopy="return false" oncut="return false" onpaste="return false">

To

<body onselectstart="return false" onpaste="return false;" onCopy="return false" onCut="return false" onDrag="return false" onDrop="return false">

answered May 16 '18 at 07:23

Sudhir Ojha

3,247
3
14
24

I Added Above line in , no changes – MVS May 16 '18 at 07:32
I am Testing in IE – MVS May 16 '18 at 07:35
Ok let me check in IE – Sudhir Ojha May 16 '18 at 07:36
No its not disabling Copy and Paste – MVS May 16 '18 at 08:38
Its working for me in both chrome and IE. What is id of your text editor ? – Sudhir Ojha May 16 '18 at 08:38
id = "txArNcrLineDescriptionValue" which is used in html – MVS May 16 '18 at 08:52
can you please try this $(document).ready(function(){ $('#txArNcrLineDescriptionValue').on("cut copy paste",function(e) { e.preventDefault(); }); }); – Sudhir Ojha May 16 '18 at 09:14
Thank you replying,, I tried this before I posting this question that also not worked,, its worked for whole page,, but i am trying to do for only Text Editor – MVS May 16 '18 at 09:43
Try removing oncopy="return false" oncut="return false" onpaste="return false" events from body tag – Sudhir Ojha May 16 '18 at 09:46
Ya I Have done that and like this $(document).ready(function() { $('#txArNcrLineDescriptionValue').bind('copy paste', function(e) { e.preventDefault(); }); }); – MVS May 16 '18 at 09:48

score 0 · Answer 2 · answered May 23 '18 at 14:27

0

I tested this in Chrome 66.0.3359.181, I.E. 11, and FireFox 59.0.3 and it is disabling copying and pasting into anything in the body or the input.

 $('body').bind('copy paste', function (e) {
        e.preventDefault(); return false;
    });

<body oncopy="return false" oncut="return false" onpaste="return false">

answered May 23 '18 at 14:27

Scath

3,777
10
29
40

Yes Thanks for reply,, Ya its working for me now i used text ID and used this code inside Script Body where i called – MVS May 24 '18 at 06:24
If this helped answer your question please accept it as answered instead of commenting. – Scath May 25 '18 at 13:47

Disable Copy-Paste from the Text Editor

2 Answers2