HTML-фильтр, совместимый с HTML5

Question

HTML-фильтр, совместимый с HTML5

Существует ли простой подход для добавления набора правил HTML5 для HTMLPurifier?

HP можно настроить для распознавания новых тегов с помощью:

// 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
  array(       // attributes
  )
);

// add a new attribute
$def->addAttribute('a', 'contextmenu', "ID");

Однако это явно немного работы. Так как появилось много новых тегов и атрибутов HTML5, которые нужно было зарегистрировать. И новые глобальные атрибуты должны сочетаться даже с существующими тегами HTML 4. (По документам сложно судить, как дополнить основные правила). Итак, есть ли более полезный формат конфигурации / структура массива для подачи новой и обновленной конфигурации тег + атрибут + контекст (inline / block / empty / flow /..) в 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-*", ...

И, конечно, не все новые теги HTML5 пригодны для неограниченного пособия. HTMLPurifier это все о фильтрации содержимого. Определение ценностных ограничений - вот где оно. - <canvas> например, это может быть не так уж важно, когда оно появляется в пользовательском контенте. Потому что это бесполезно в лучшем случае без Javascript (который HP уже отфильтровывает). Но другие теги и атрибуты могут быть нежелательны; поэтому для включения / выключения тегов и связанных с ними атрибутов необходима гибкая структура конфигурации.

(Думаю, я должен обновить некоторые исследования...). Но до сих пор нет практического сборника / спецификации (нет, XML DTD), который бы подходил для конфигурации HP.

(Ну, а HTML5 больше не является черновиком.)

57

php html html5 htmlpurifier

Источник

user345031 14 апр '11 в 18:29

4 ответа

Другие вопросы по тегам php html html5 htmlpurifier

user234867 17 апр '11 в 01:57 2011-04-17 01:57 · Answer 1 · 2011-04-17 01:57

Расширение php tidy можно настроить для распознавания тегов html5. http://tidy.sourceforge.net/docs/quickref.html

12

Источник

user234867 17 апр '11 в 01:57

user653721 05 май '15 в 22:49 2015-05-05 22:49 · Answer 2 · 2015-05-05 22:49

Эта конфигурация для HTMLpurify позволяет использовать новые теги HTML5.

Источник: 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', array(
      'src' => 'URI',
      'type' => 'Text',
      'width' => 'Length',
      'height' => 'Length',
      'poster' => 'URI',
      'preload' => 'Enum#auto,metadata,none',
      'controls' => 'Bool',
    ));
    $def->addElement('source', 'Block', 'Flow', 'Common', array(
      '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', array('cite' => 'URI', 'datetime' => 'CDATA'));
    $def->addElement('del', 'Block', 'Flow', 'Common', array('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);
}

user500155 01 авг '11 в 18:57 2011-08-01 18:57 · Answer 3 · 2011-08-01 18:57

Я использую исправление для WordPress, но, возможно, это может помочь вам (по крайней мере, для части массива)

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

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

также:

http://code.google.com/p/html5lib/ Python и PHP-реализации HTML-парсера на основе спецификации WHATWG HTML5 для максимальной совместимости с основными настольными веб-браузерами.

user1086596 09 авг '19 в 15:31 2019-08-09 15:31 · Answer 4 · 2019-08-09 15:31

Я знаю, что эта тема действительно старая, но, поскольку она все еще актуальна, я решил ответить. Особенно, когда ландшафт изменился с тех пор, как вопрос был задан изначально.

Вы можете использовать https://github.com/xemlock/htmlpurifier-html5, который расширяет HTML Purifier с помощью соответствующих спецификаций определений элементов и атрибутов HTML5.

Использование почти такое же, как и у исходного HTML Purifier, вам просто нужно заменить HTMLPurifier_Config с HTMLPurifier_HTML5Config:

$config = HTMLPurifier_HTML5Config::createDefault();
$purifier = new HTMLPurifier($config);

$clean_html5 = $purifier->purify($dirty_html5);

Отказ от ответственности: я автор расширения.

user483349 01 авг '11 в 20:49 2011-08-01 20:49 · Answer 5 · 2011-08-01 20:49

В роли галереи есть экспериментальный анализатор HTML5, основанный на HTMLPurifier:

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

0

Источник

user483349 01 авг '11 в 20:49