{"id":104,"date":"2014-01-19T12:09:28","date_gmt":"2014-01-19T12:21:21","guid":{"rendered":"https:\/\/ca92537246-1309580473-screenshot.jpg"},"modified":"2015-07-16T19:49:00","modified_gmt":"2015-07-17T01:49:00","slug":"remover-estilo-o-formato-en-tinymce","status":"publish","type":"post","link":"https:\/\/emanuelpaxtian.com\/blog\/remover-estilo-o-formato-en-tinymce\/","title":{"rendered":"Remover estilo o formato en TinyMCE"},"content":{"rendered":"<p>En la mayoria de proyectos al desarrollar la parte de la administracion de contenidos el problema que se me presentaba era al copiar conetenidos de word ya que este agregaba estilos propios que al pegarlos hacen que aumenten el codigo y la otra que al visualizarlo se vea de manera incorrecta.<\/p>\n<p>En la mayor\u00eda de proyectos al desarrollar la parte de la administraci\u00f3n de contenidos el problema que se me presentaba era al copiar contenidos de Word ya que este agregaba estilos propios que al pegarlos hacen que aumenten el c\u00f3digo y la otra que al visualizarlo se vea de manera incorrecta.<\/p>\n<p>En TinyMCE existe una directiva llamada \u201cvalid_styles\u201d al ser una opci\u00f3n no documentada com\u00fanmente se usa de la siguiente manera<\/p>\n<pre class=\"brush:php\">valid_styles : 'color,font-size,font-weight,font-style,text-decoration',<\/pre>\n<p>pero esta siendo usada de mala menara por que se debe de manejar como un arreglo<\/p>\n<pre class=\"brush:php\">valid_styles : { '*' <code>: 'color,font-size,font-weight,font-style,text-decoration'},<\/code><\/pre>\n<p>Al examinar el c\u00f3digo se define que el \u00a0primer atributo define qu\u00e9 elementos se aplica a (en este caso * lo es todo), y el segundo atributo es la lista de estilos CSS permitidos.<\/p>\n<p>As\u00ed, un ejemplo de configuraci\u00f3n completa podr\u00eda ser algo como esto:<\/p>\n<pre class=\"brush:php\">$('textarea').tinymce({\r\n  \/\/ Location of TinyMCE script\r\n  script_url : '..\/tinymce\/jscripts\/tiny_mce\/tiny_mce.js',\r\n  mode : \"textareas\",\r\n  theme : \"advanced\",\r\n  skin : 'o2k7',\r\n  skin_variant : 'silver',\r\n  plugins : \"paste,table,contextmenu\",\r\n  theme_advanced_buttons1 : \"fontsizeselect,|,bold,italic,underline,|,justifyleft,justifycenter,justifyright,justifyfull,|,code,|,help\",\r\n  theme_advanced_buttons2 : \"cut,copy,paste,pastetext,pasteword,removeformat,cleanup,|,undo,redo,|,outdent,indent,blockquote,|,bullist,numlist,|,link,unlink\",\r\n  theme_advanced_buttons3 : \"tablecontrols\",\r\n  theme_advanced_toolbar_location : \"top\",\r\n  theme_advanced_layout_manager : \"SimpleLayout\",\r\n  theme_advanced_toolbar_align : \"left\",\r\n  theme_advanced_path : \"false\",\r\n  theme_advanced_statusbar_location : \"bottom\",\r\n  theme_advanced_resizing : true,\r\n  cleanup_on_startup : false,\r\n  fix_list_elements : false,\r\n  fix_nesting : false,\r\n  fix_table_elements : false,\r\n  valid_styles : {'*' : 'color,font-size,font-weight,font-style,text-decoration'},\r\n  paste_use_dialog : true,\r\n  paste_auto_cleanup_on_paste : true,\r\n  extended_valid_elements : \"a[name|href|target|title|onclick],img[src|border=0|alt|title|hspace|vspace|width|height|align],hr[width|size|noshade],font[size|color|style],span[align|style],h1,h2,h3,h4,h5,h6\",\r\n  content_css : \"\/wysiwyg_editor_rendering.css\"\r\n});\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>En la mayoria de proyectos al desarrollar la parte de la administracion de contenidos el problema que se me presentaba era al copiar conetenidos de word ya que este agregaba&hellip;<\/p>\n","protected":false},"author":1,"featured_media":622,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"class_list":["post-104","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-general"],"_links":{"self":[{"href":"https:\/\/emanuelpaxtian.com\/blog\/wp-json\/wp\/v2\/posts\/104","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/emanuelpaxtian.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/emanuelpaxtian.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/emanuelpaxtian.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/emanuelpaxtian.com\/blog\/wp-json\/wp\/v2\/comments?post=104"}],"version-history":[{"count":0,"href":"https:\/\/emanuelpaxtian.com\/blog\/wp-json\/wp\/v2\/posts\/104\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/emanuelpaxtian.com\/blog\/wp-json\/wp\/v2\/media\/622"}],"wp:attachment":[{"href":"https:\/\/emanuelpaxtian.com\/blog\/wp-json\/wp\/v2\/media?parent=104"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/emanuelpaxtian.com\/blog\/wp-json\/wp\/v2\/categories?post=104"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/emanuelpaxtian.com\/blog\/wp-json\/wp\/v2\/tags?post=104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}