Filtro HTML conforms a HTML5

C'è un approccio semplice per aggiungere un set di regole HTML5 per HTMLPurifier?

HP può essere configurato per riconoscere nuovi tag con:

// setup configurable HP instance $config = HTMLPurifier_Config::createDefault(); $config->set('HTML.DefinitionID', 'html5 draft'); $config->set('HTML.DefinitionRev', 1); $config->set('Cache.DefinitionImpl', null); // no caching $def = $config->getHTMLDefinition(true); // add a new tag $form = $def->addElement( 'article', // name 'Block', // content set 'Flow', // allowed children 'Common', // attribute collection arrays( // attributes ) ); // add a new attribute $def->addAttribute('a', 'contextmenu', "ID"); 

Tuttavia questo è chiaramente un po 'di lavoro. Poiché ci sono molti nuovi tag e attributi HTML5 che devono essere registrati. E i nuovi attributi globali dovrebbero essere combinabili anche con i tag HTML 4 esistenti. (È difficile giudicare dai documenti come aumentare le regole di base). Quindi, c'è una struttura di configuration / arrays più utile per configurare feed + attributo + aggiornamento + configuration del context (inline / block / empty / flow / ..) in HTMLPurifier?

 # mostly confused about how to extend existing tags: $def->addAttribute('input', 'type', "...|...|..."); # or how to allow data-* attributes (if I actually wanted that): $def->addAttribute("data-*", ... 

E ovviamente non tutti i nuovi tag HTML5 sono adatti per una franchigia illimitata. HTMLPurifier è interamente dedicato al filter dei contenuti. La definizione dei limiti di valore è where si trova. – <canvas> per esempio potrebbe non essere un grosso problema quando appare nel contenuto dell'utente. Perché nel migliore dei casi è inutile senza Javascript (che HP già filtra). Ma altri tag e attributi potrebbero non essere desiderabili; quindi una struttura di configuration flessibile è fondamentale per abilitare / disabilitare i tag e i loro attributi associati.

( Suppongo che dovrei aggiornare alcune ricerche … ). Ma non ci sono ancora compendi / specifiche pratici (no, i DTD XML non lo sono) che si adattano a una configuration HP.

  • http://simon.html5.org/html-elements
  • http://www.w3.org/TR/html5-diff/#new-elements
  • http://www.w3.org/TR/html5-diff/#new-attributes

(Uh e HTML5 non è più una bozza.)

L'estensione php tidy può essere configurata per riconoscere i tag html5. http://tidy.sourceforge.net/docs/quickref.html#new-blocklevel-tags

C'è questa configuration per HTMLpurify per consentire i tag HTML5 più recenti.

Fonte: https://github.com/kennberg/php-htmlpurfier-html5

.

 <?php /** * Load HTMLPurifier with HTML5, TinyMCE, YouTube, Video support. * * Copyright 2014 Alex Kennberg (https://github.com/kennberg/php-htmlpurifier-html5) * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ require_once(LIB_DIR . 'third-party/htmlpurifier/HTMLPurifier.safe-includes.php'); function load_htmlpurifier($allowed) { $config = HTMLPurifier_Config::createDefault(); $config->set('HTML.Doctype', 'HTML 4.01 Transitional'); $config->set('CSS.AllowTricky', true); $config->set('Cache.SerializerPath', '/tmp'); // Allow iframes from: // o YouTube.com // o Vimeo.com $config->set('HTML.SafeIframe', true); $config->set('URI.SafeIframeRegexp', '%^(http:|https:)?//(www.youtube(?:-nocookie)?.com/embed/|player.vimeo.com/video/)%'); $config->set('HTML.Allowed', implode(',', $allowed)); // Set some HTML5 properties $config->set('HTML.DefinitionID', 'html5-definitions'); // unqiue id $config->set('HTML.DefinitionRev', 1); if ($def = $config->maybeGetRawHTMLDefinition()) { // http://developers.whatwg.org/sections.html $def->addElement('section', 'Block', 'Flow', 'Common'); $def->addElement('nav', 'Block', 'Flow', 'Common'); $def->addElement('article', 'Block', 'Flow', 'Common'); $def->addElement('aside', 'Block', 'Flow', 'Common'); $def->addElement('header', 'Block', 'Flow', 'Common'); $def->addElement('footer', 'Block', 'Flow', 'Common'); // Content model actually excludes several tags, not modelled here $def->addElement('address', 'Block', 'Flow', 'Common'); $def->addElement('hgroup', 'Block', 'Required: h1 | h2 | h3 | h4 | h5 | h6', 'Common'); // http://developers.whatwg.org/grouping-content.html $def->addElement('figure', 'Block', 'Optional: (figcaption, Flow) | (Flow, figcaption) | Flow', 'Common'); $def->addElement('figcaption', 'Inline', 'Flow', 'Common'); // http://developers.whatwg.org/the-video-element.html#the-video-element $def->addElement('video', 'Block', 'Optional: (source, Flow) | (Flow, source) | Flow', 'Common', arrays( 'src' => 'URI', 'type' => 'Text', 'width' => 'Length', 'height' => 'Length', 'poster' => 'URI', 'preload' => 'Enum#auto,metadata,none', 'controls' => 'Bool', )); $def->addElement('source', 'Block', 'Flow', 'Common', arrays( 'src' => 'URI', 'type' => 'Text', )); // http://developers.whatwg.org/text-level-semantics.html $def->addElement('s', 'Inline', 'Inline', 'Common'); $def->addElement('var', 'Inline', 'Inline', 'Common'); $def->addElement('sub', 'Inline', 'Inline', 'Common'); $def->addElement('sup', 'Inline', 'Inline', 'Common'); $def->addElement('mark', 'Inline', 'Inline', 'Common'); $def->addElement('wbr', 'Inline', 'Empty', 'Core'); // http://developers.whatwg.org/edits.html $def->addElement('ins', 'Block', 'Flow', 'Common', arrays('cite' => 'URI', 'datetime' => 'CDATA')); $def->addElement('del', 'Block', 'Flow', 'Common', arrays('cite' => 'URI', 'datetime' => 'CDATA')); // TinyMCE $def->addAttribute('img', 'data-mce-src', 'Text'); $def->addAttribute('img', 'data-mce-json', 'Text'); // Others $def->addAttribute('iframe', 'allowfullscreen', 'Bool'); $def->addAttribute('table', 'height', 'Text'); $def->addAttribute('td', 'border', 'Text'); $def->addAttribute('th', 'border', 'Text'); $def->addAttribute('tr', 'width', 'Text'); $def->addAttribute('tr', 'height', 'Text'); $def->addAttribute('tr', 'border', 'Text'); } return new HTMLPurifier($config); } 

sto usando una correzione per wordpress ma forse questo può aiutarti anche tu (alless per la parte dell'arrays)

http://nicolasgallagher.com/using-html5-elements-in-wordpress-post-content/

http://hybridgarden.com/blog/misc/adding-html5-capability-to-wordpress/

anche:

http://code.google.com/p/html5lib/ Implementazioni Python e PHP di un parser HTML basate sulle specifiche HTML5 WHATWG per la massima compatibilità con i principali browser Web desktop.

Il ruolo della galleria ha un parser HTML5 sperimentale basato su HTMLPurifier:

https://github.com/gallery/gallery3-vendor/blob/master/htmlpurifier/modified/HTMLPurifier/Lexer/PH5P.php