Drag and Drop to Plain Text

It's very important to me that my users cannot just bring full-scale html into their posts. I've set the config option to force paste as plain text, however users can just drag and drop text into the box and this bypasses that filter. This seems crazy.

How can I likewise constrain dragged-and-dropped text, the way I am constraining copied-and-pasted text to force to plain text?

Thanks for any help or ideas you might have!

Fri, 02/03/2012 - 14:13

sebstefanov

Joined: 03/02/2012

Posts: 1329

Re: Drag and Drop to Plain Text

force paste configuration

Customer and Community Manager, CKSource
Follow us on: Facebook, Twitter, LinkedIn

If you think you found a bug in CKEditor, read this!

Fri, 02/03/2012 - 20:16

rcschaff

Joined: 11/01/2012

Posts: 11

Re: Drag and Drop to Plain Text

I guess I don't understand your issue. I have tested the paste as plain text plugin, and pasting to the editor (not the source), it simply pastes the html tags as plain text as well. Same happens when dragging and dropping, pastes as plain text including the html tags. When saved, and reopened, browsers will treat the tags as plain text as well.

If i am off base, please let me know, and possibly provide a link to your issue.

Fri, 02/03/2012 - 20:21

rcschaff

Joined: 11/01/2012

Posts: 11

Re: Drag and Drop to Plain Text

Sat, 02/04/2012 - 02:58

rcschaff

Joined: 11/01/2012

Posts: 11

Re: Drag and Drop to Plain Text

Partial Solution:

document.onmousemove = function() { 
            document.body.style.MozUserSelect="none";
            return false; 
           }

It seems to work with one exception. If you can mange to get a cursor, it will paste. For a normal user just trying to drag and drop, it might work for you though.

Sat, 02/04/2012 - 05:53

rcschaff

Joined: 11/01/2012

Posts: 11

Re: Drag and Drop to Plain Text

<head>
   <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
</head>

<body>

<div id="wrapper" style="width:auto"><textarea cols="80" id="editor1" name="editor1" rows="10">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea></div>
         <script type="text/javascript">
         //<![CDATA[

            CKEDITOR.replace( 'editor1');
            edit = CKEDITOR.instances.editor1;
            $('#wrapper').mouseenter(function() { 
               CKEDITOR.instances.editor1.setReadOnly( false );
}).mouseleave(function(){ 
  CKEDITOR.instances.editor1.setReadOnly( true );
 });

                     //]]>
         </script>

</body>