While creating WYSIWYG editor fields for CMS engines I’ve often had the issue of clients pasting in files from Microsoft Word which somehow applies all kinds of unwanted formatting that either just carries over the ugliness of their original document or screws up the web layout and semantic correctness completely.<\/p>\n
I’ve come up with this function to remove extra formatting from HTML WYSIWYG editor input such as TinyMCE.<\/p>\n
\r\n\t\/**\r\n\t* Remove HTML tags, including invisible text such as style and\r\n\t* script code, and embedded objects. Add spaces around\r\n\t* block-level tags to prevent word joining after tag removal.\r\n\t*\/\r\n\tfunction strip_html_tags( $text )\r\n\t{\r\n\t$text = preg_replace(\r\n\tarray(\r\n\t\/\/ Remove invisible content\r\n\t'@<head[^>]*?>.*?<\/head>@siu',\r\n\t'@<style[^>]*?>.*?<\/style>@siu',\r\n\t'@<script[^>]*?.*?<\/script>@siu',\r\n\t'@<object[^>]*?.*?<\/object>@siu',\r\n\t'@<embed[^>]*?.*?<\/embed>@siu',\r\n\t'@<applet[^>]*?.*?<\/applet>@siu',\r\n\t'@<noframes[^>]*?.*?<\/noframes>@siu',\r\n\t'@<noscript[^>]*?.*?<\/noscript>@siu',\r\n\t'@<noembed[^>]*?.*?<\/noembed>@siu',\r\n\t'\/class=(.*)Mso(.*)"\/',\r\n\t'\/class=(.*)mso(.*)"\/',\r\n\t'\/style=(.*)"\/',\r\n\t'\/<!--(.*)-->\/',\r\n\t),\r\n\tarray(\r\n\t' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', '', '', '', '', ''\r\n\t),\r\n\t$text );\r\n\t$text = str_replace( "<!--", "<!--", $text );\r\n\t$text = str_replace( "-->", "-->", $text );\r\n\t$text = str_replace( "<style>", "", $text );\r\n\t$text = str_replace( "<\/style>", "", $text );\r\n\t\r\n\treturn strip_tags( $text, '<address><blockquote><del><div><h1><h2><h3><h4><h5><h6><ins><p><a><b><i><u><img><pre><dl><dt><dd><li><ol><ul><table><tr><th><td><caption><abbr><acronym><span><strong><em>' );\r\n\t} \/\/ end strip_html_tags\r\n<\/pre>\nDo you guys have any ideas?<\/p>\n
P.S. I had a hell of a time trying to paste this into WordPress even. I guess something might need to be done there.<\/p>\n","protected":false},"excerpt":{"rendered":"
While creating WYSIWYG editor fields for CMS engines I’ve often had the issue of clients pasting in files from Microsoft Word which somehow applies all kinds of unwanted formatting that either just carries over the ugliness of their original document or screws up the web layout and semantic correctness completely. I’ve come up with this […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[23],"class_list":["post-271","post","type-post","status-publish","format-standard","hentry","category-daily-musings","tag-remove-ms-word-styles-from-pasted-content"],"_links":{"self":[{"href":"https:\/\/www.lilithebowman.com\/blog\/wp-json\/wp\/v2\/posts\/271","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lilithebowman.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lilithebowman.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lilithebowman.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lilithebowman.com\/blog\/wp-json\/wp\/v2\/comments?post=271"}],"version-history":[{"count":5,"href":"https:\/\/www.lilithebowman.com\/blog\/wp-json\/wp\/v2\/posts\/271\/revisions"}],"predecessor-version":[{"id":276,"href":"https:\/\/www.lilithebowman.com\/blog\/wp-json\/wp\/v2\/posts\/271\/revisions\/276"}],"wp:attachment":[{"href":"https:\/\/www.lilithebowman.com\/blog\/wp-json\/wp\/v2\/media?parent=271"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lilithebowman.com\/blog\/wp-json\/wp\/v2\/categories?post=271"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lilithebowman.com\/blog\/wp-json\/wp\/v2\/tags?post=271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}