如何删除粘贴上的p标签以外的其他html标签？

Question

I am having a little trouble with my inline text editor. it is simple user has permission to copy paste on the textarea div. no problem with that. but i dont want let them paste html with images, and div elements.

I have used

valid_elements: "p,br,b,i,strong,em",

it removes the style of p tags content.

to do this but this is not the solution according to my requirements.

and i also tried with paste_postprocess but it didn't do anything with latest version of tinymce.

and i have also tried many solutions which are already posted in this community. but none of them work for me because i am using the latest version tinymce 4.0.26 .

i know i can prevent copy paste by disabling right click. but that will not be a good idea.

Is there any way to filter only p tag with style from html content?

So if anybody has worked on copy paste with the latest versions of tinymce .

Please help.

Answer 1

You need to explicitly tell TinyMCE what attributes to keep when using the valid_elements option. For example, using your previous valid_elements list, you might do something like this:

valid_elements: "p[style],br,b,i,strong,em"

This tells TinyMCE to only keep the tags listed and to keep any style attributes defined for p tags. Alternatively, you can also include all attributes for a specific element by doing this:

valid_elements: "p[*],br,b,i,strong,em"

Again, this tells TinyMCE to keep all of the tags listed, but for the p tag, keep every attribute defined.

For more information on the syntax of this valid_elements selector, check out this page .

Answer 2

Bad condition is: when I pasted the content in editor with img, div, p
then after pasting content it shows all the element inside the box
(AFTER PASTING ON EDITOR)

I just followed to the whole process paste->savetext. Issue was tinymce does nothing when pasting the content but when I call the tinymce function

tinymce.activeEditor.getContent();

It gives me pure content without img,div . So I thought why not to do that process on paste

So I just simply added this code in tinymce setup section:

setup : function(ed) {
        ed.on('paste',function(e){
           setTimeout(function(){
               var textContent = tinymce.activeEditor.getContent();
                   tinymce.activeEditor.selection.setContent(textContent.trim());
           },200);  
        });
   }

and now everything working fine.

and Thanks @Nate Kibler for your help.