<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[55727] trunk/src/wp-includes: Docs: Update code examples formatting in `WP_HTML_Tag_Processor` documentation.</title>
</head>
<body>
<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
#msg dl a { font-weight: bold}
#msg dl a:link { color:#fc3; }
#msg dl a:active { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { white-space: pre-line; overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta" style="font-size: 105%">
<dt style="float: left; width: 6em; font-weight: bold">Revision</dt> <dd><a style="font-weight: bold" href="https://core.trac.wordpress.org/changeset/55727">55727</a><script type="application/ld+json">{"@context":"http://schema.org","@type":"EmailMessage","description":"Review this Commit","action":{"@type":"ViewAction","url":"https://core.trac.wordpress.org/changeset/55727","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>SergeyBiryukov</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2023-05-08 17:30:41 +0000 (Mon, 08 May 2023)</dd>
</dl>
<pre style='padding-left: 1em; margin: 2em 0; border-left: 2px solid #ccc; line-height: 1.25; font-size: 105%; font-family: sans-serif'>Docs: Update code examples formatting in `WP_HTML_Tag_Processor` documentation.
Per the [https://developer.wordpress.org/coding-standards/inline-documentation-standards/php/#description documentation standards], code samples should be created by indenting every line of the code by 4 spaces, with a blank line before and after. This matches the format used by the rest of core.
Follow-up to <a href="https://core.trac.wordpress.org/changeset/55203">[55203]</a>, <a href="https://core.trac.wordpress.org/changeset/55304">[55304]</a>, <a href="https://core.trac.wordpress.org/changeset/55718">[55718]</a>, <a href="https://core.trac.wordpress.org/changeset/55724">[55724]</a>.
Props juanmaguitar, coffee2code, azaozz, costdev, dmsnell, johnbillion, SergeyBiryukov.
Fixes <a href="https://core.trac.wordpress.org/ticket/58028">#58028</a>.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#trunksrcwpincludesclasswpthemejsonphp">trunk/src/wp-includes/class-wp-theme-json.php</a></li>
<li><a href="#trunksrcwpincludeshtmlapiclasswphtmltagprocessorphp">trunk/src/wp-includes/html-api/class-wp-html-tag-processor.php</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunksrcwpincludesclasswpthemejsonphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-includes/class-wp-theme-json.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-includes/class-wp-theme-json.php 2023-05-07 11:42:18 UTC (rev 55726)
+++ trunk/src/wp-includes/class-wp-theme-json.php 2023-05-08 17:30:41 UTC (rev 55727)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -66,15 +66,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * They are a unkeyed array of values such as:
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * ```php
- * array(
- * array(
- * 'slug' => 'unique-name-within-the-set',
- * 'name' => 'Name for the UI',
- * <value_key> => 'value'
- * ),
- * )
- * ```
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * array(
+ * array(
+ * 'slug' => 'unique-name-within-the-set',
+ * 'name' => 'Name for the UI',
+ * <value_key> => 'value'
+ * ),
+ * )
</ins><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * This contains the necessary metadata to process them:
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2532,19 +2530,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * For metadata values that can either be booleans or paths to booleans, gets the value.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * ```php
- * $data = array(
- * 'color' => array(
- * 'defaultPalette' => true
- * )
- * );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * $data = array(
+ * 'color' => array(
+ * 'defaultPalette' => true
+ * )
+ * );
</ins><span class="cx" style="display: block; padding: 0 10px"> *
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * static::get_metadata_boolean( $data, false );
- * // => false
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * static::get_metadata_boolean( $data, false );
+ * // => false
</ins><span class="cx" style="display: block; padding: 0 10px"> *
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * static::get_metadata_boolean( $data, array( 'color', 'defaultPalette' ) );
- * // => true
- * ```
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * static::get_metadata_boolean( $data, array( 'color', 'defaultPalette' ) );
+ * // => true
</ins><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @since 6.0.0
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span></span></pre></div>
<a id="trunksrcwpincludeshtmlapiclasswphtmltagprocessorphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-includes/html-api/class-wp-html-tag-processor.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-includes/html-api/class-wp-html-tag-processor.php 2023-05-07 11:42:18 UTC (rev 55726)
+++ trunk/src/wp-includes/html-api/class-wp-html-tag-processor.php 2023-05-08 17:30:41 UTC (rev 55727)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -38,13 +38,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * 3. Request changes to the attributes in those tag(s).
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * Example:
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * ```php
- * $tags = new WP_HTML_Tag_Processor( $html );
- * if ( $tags->next_tag( 'option' ) ) {
- * $tags->set_attribute( 'selected', true );
- * }
- * ```
</del><span class="cx" style="display: block; padding: 0 10px"> *
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * $tags = new WP_HTML_Tag_Processor( $html );
+ * if ( $tags->next_tag( 'option' ) ) {
+ * $tags->set_attribute( 'selected', true );
+ * }
+ *
</ins><span class="cx" style="display: block; padding: 0 10px"> * ### Finding tags
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * The `next_tag()` function moves the internal cursor through
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -54,10 +53,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * regardless of what kind it is.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * If you want to _find whatever the next tag is_:
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * ```php
- * $tags->next_tag();
- * ```
</del><span class="cx" style="display: block; padding: 0 10px"> *
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * $tags->next_tag();
+ *
</ins><span class="cx" style="display: block; padding: 0 10px"> * | Goal | Query |
</span><span class="cx" style="display: block; padding: 0 10px"> * |-----------------------------------------------------------|---------------------------------------------------------------------------------|
</span><span class="cx" style="display: block; padding: 0 10px"> * | Find any tag. | `$tags->next_tag();` |
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -87,19 +85,18 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * provided by the processor or external state or variables.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * Example:
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * ```php
- * // Paint up to the first five DIV or SPAN tags marked with the "jazzy" style.
- * $remaining_count = 5;
- * while ( $remaining_count > 0 && $tags->next_tag() ) {
- * if (
- * ( 'DIV' === $tags->get_tag() || 'SPAN' === $tags->get_tag() ) &&
- * 'jazzy' === $tags->get_attribute( 'data-style' )
- * ) {
- * $tags->add_class( 'theme-style-everest-jazz' );
- * $remaining_count--;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ *
+ * // Paint up to the first five DIV or SPAN tags marked with the "jazzy" style.
+ * $remaining_count = 5;
+ * while ( $remaining_count > 0 && $tags->next_tag() ) {
+ * if (
+ * ( 'DIV' === $tags->get_tag() || 'SPAN' === $tags->get_tag() ) &&
+ * 'jazzy' === $tags->get_attribute( 'data-style' )
+ * ) {
+ * $tags->add_class( 'theme-style-everest-jazz' );
+ * $remaining_count--;
+ * }
</ins><span class="cx" style="display: block; padding: 0 10px"> * }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * }
- * ```
</del><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * `get_attribute()` will return `null` if the attribute wasn't present
</span><span class="cx" style="display: block; padding: 0 10px"> * on the tag when it was called. It may return `""` (the empty string)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -116,13 +113,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * nothing and move on to the next opening tag.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * Example:
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * ```php
- * if ( $tags->next_tag( array( 'class' => 'wp-group-block' ) ) ) {
- * $tags->set_attribute( 'title', 'This groups the contained content.' );
- * $tags->remove_attribute( 'data-test-id' );
- * }
- * ```
</del><span class="cx" style="display: block; padding: 0 10px"> *
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * if ( $tags->next_tag( array( 'class' => 'wp-group-block' ) ) ) {
+ * $tags->set_attribute( 'title', 'This groups the contained content.' );
+ * $tags->remove_attribute( 'data-test-id' );
+ * }
+ *
</ins><span class="cx" style="display: block; padding: 0 10px"> * If `set_attribute()` is called for an existing attribute it will
</span><span class="cx" style="display: block; padding: 0 10px"> * overwrite the existing value. Similarly, calling `remove_attribute()`
</span><span class="cx" style="display: block; padding: 0 10px"> * for a non-existing attribute has no effect on the document. Both
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -141,32 +137,31 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * entire `class` attribute will be removed.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * Example:
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * ```php
- * // from `<span>Yippee!</span>`
- * // to `<span class="is-active">Yippee!</span>`
- * $tags->add_class( 'is-active' );
</del><span class="cx" style="display: block; padding: 0 10px"> *
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * // from `<span class="excited">Yippee!</span>`
- * // to `<span class="excited is-active">Yippee!</span>`
- * $tags->add_class( 'is-active' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * // from `<span>Yippee!</span>`
+ * // to `<span class="is-active">Yippee!</span>`
+ * $tags->add_class( 'is-active' );
</ins><span class="cx" style="display: block; padding: 0 10px"> *
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * // from `<span class="is-active heavy-accent">Yippee!</span>`
- * // to `<span class="is-active heavy-accent">Yippee!</span>`
- * $tags->add_class( 'is-active' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * // from `<span class="excited">Yippee!</span>`
+ * // to `<span class="excited is-active">Yippee!</span>`
+ * $tags->add_class( 'is-active' );
</ins><span class="cx" style="display: block; padding: 0 10px"> *
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * // from `<input type="text" class="is-active rugby not-disabled" length="24">`
- * // to `<input type="text" class="is-active not-disabled" length="24">
- * $tags->remove_class( 'rugby' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * // from `<span class="is-active heavy-accent">Yippee!</span>`
+ * // to `<span class="is-active heavy-accent">Yippee!</span>`
+ * $tags->add_class( 'is-active' );
</ins><span class="cx" style="display: block; padding: 0 10px"> *
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * // from `<input type="text" class="rugby" length="24">`
- * // to `<input type="text" length="24">
- * $tags->remove_class( 'rugby' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * // from `<input type="text" class="is-active rugby not-disabled" length="24">`
+ * // to `<input type="text" class="is-active not-disabled" length="24">
+ * $tags->remove_class( 'rugby' );
</ins><span class="cx" style="display: block; padding: 0 10px"> *
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * // from `<input type="text" length="24">`
- * // to `<input type="text" length="24">
- * $tags->remove_class( 'rugby' );
- * ```
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * // from `<input type="text" class="rugby" length="24">`
+ * // to `<input type="text" length="24">
+ * $tags->remove_class( 'rugby' );
</ins><span class="cx" style="display: block; padding: 0 10px"> *
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * // from `<input type="text" length="24">`
+ * // to `<input type="text" length="24">
+ * $tags->remove_class( 'rugby' );
+ *
</ins><span class="cx" style="display: block; padding: 0 10px"> * When class changes are enqueued but a direct change to `class` is made via
</span><span class="cx" style="display: block; padding: 0 10px"> * `set_attribute` then the changes to `set_attribute` (or `remove_attribute`)
</span><span class="cx" style="display: block; padding: 0 10px"> * will take precedence over those made through `add_class` and `remove_class`.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -184,26 +179,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * and so on. It's fine from a performance standpoint to create a
</span><span class="cx" style="display: block; padding: 0 10px"> * bookmark and update it frequently, such as within a loop.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * ```php
- * $total_todos = 0;
- * while ( $p->next_tag( array( 'tag_name' => 'UL', 'class_name' => 'todo' ) ) ) {
- * $p->set_bookmark( 'list-start' );
- * while ( $p->next_tag( array( 'tag_closers' => 'visit' ) ) ) {
- * if ( 'UL' === $p->get_tag() && $p->is_tag_closer() ) {
- * $p->set_bookmark( 'list-end' );
- * $p->seek( 'list-start' );
- * $p->set_attribute( 'data-contained-todos', (string) $total_todos );
- * $total_todos = 0;
- * $p->seek( 'list-end' );
- * break;
- * }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * $total_todos = 0;
+ * while ( $p->next_tag( array( 'tag_name' => 'UL', 'class_name' => 'todo' ) ) ) {
+ * $p->set_bookmark( 'list-start' );
+ * while ( $p->next_tag( array( 'tag_closers' => 'visit' ) ) ) {
+ * if ( 'UL' === $p->get_tag() && $p->is_tag_closer() ) {
+ * $p->set_bookmark( 'list-end' );
+ * $p->seek( 'list-start' );
+ * $p->set_attribute( 'data-contained-todos', (string) $total_todos );
+ * $total_todos = 0;
+ * $p->seek( 'list-end' );
+ * break;
+ * }
</ins><span class="cx" style="display: block; padding: 0 10px"> *
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * if ( 'LI' === $p->get_tag() && ! $p->is_tag_closer() ) {
- * $total_todos++;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * if ( 'LI' === $p->get_tag() && ! $p->is_tag_closer() ) {
+ * $total_todos++;
+ * }
</ins><span class="cx" style="display: block; padding: 0 10px"> * }
</span><span class="cx" style="display: block; padding: 0 10px"> * }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * }
- * ```
</del><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * ## Design and limitations
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -335,12 +328,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Byte offset in input document where current tag name starts.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * Example:
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * ```
- * <div id="test">...
- * 01234
- * - tag name starts at 1
- * ```
</del><span class="cx" style="display: block; padding: 0 10px"> *
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * <div id="test">...
+ * 01234
+ * - tag name starts at 1
+ *
</ins><span class="cx" style="display: block; padding: 0 10px"> * @since 6.2.0
</span><span class="cx" style="display: block; padding: 0 10px"> * @var int|null
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -350,12 +342,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Byte length of current tag name.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * Example:
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * ```
- * <div id="test">...
- * 01234
- * --- tag name length is 3
- * ```
</del><span class="cx" style="display: block; padding: 0 10px"> *
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * <div id="test">...
+ * 01234
+ * --- tag name length is 3
+ *
</ins><span class="cx" style="display: block; padding: 0 10px"> * @since 6.2.0
</span><span class="cx" style="display: block; padding: 0 10px"> * @var int|null
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -365,13 +356,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Byte offset in input document where current tag token ends.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * Example:
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * ```
- * <div id="test">...
- * 0 1 |
- * 01234567890123456
- * --- tag name ends at 14
- * ```
</del><span class="cx" style="display: block; padding: 0 10px"> *
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * <div id="test">...
+ * 0 1 |
+ * 01234567890123456
+ * --- tag name ends at 14
+ *
</ins><span class="cx" style="display: block; padding: 0 10px"> * @since 6.2.0
</span><span class="cx" style="display: block; padding: 0 10px"> * @var int|null
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -388,26 +378,25 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Lazily-built index of attributes found within an HTML tag, keyed by the attribute name.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * Example:
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * ```php
- * // supposing the parser is working through this content
- * // and stops after recognizing the `id` attribute
- * // <div id="test-4" class=outline title="data:text/plain;base64=asdk3nk1j3fo8">
- * // ^ parsing will continue from this point
- * $this->attributes = array(
- * 'id' => new WP_HTML_Attribute_Match( 'id', null, 6, 17 )
- * );
</del><span class="cx" style="display: block; padding: 0 10px"> *
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * // when picking up parsing again, or when asking to find the
- * // `class` attribute we will continue and add to this array
- * $this->attributes = array(
- * 'id' => new WP_HTML_Attribute_Match( 'id', null, 6, 17 ),
- * 'class' => new WP_HTML_Attribute_Match( 'class', 'outline', 18, 32 )
- * );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * // Supposing the parser is working through this content
+ * // and stops after recognizing the `id` attribute.
+ * // <div id="test-4" class=outline title="data:text/plain;base64=asdk3nk1j3fo8">
+ * // ^ parsing will continue from this point.
+ * $this->attributes = array(
+ * 'id' => new WP_HTML_Attribute_Match( 'id', null, 6, 17 )
+ * );
</ins><span class="cx" style="display: block; padding: 0 10px"> *
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * // Note that only the `class` attribute value is stored in the index.
- * // That's because it is the only value used by this class at the moment.
- * ```
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * // When picking up parsing again, or when asking to find the
+ * // `class` attribute we will continue and add to this array.
+ * $this->attributes = array(
+ * 'id' => new WP_HTML_Attribute_Match( 'id', null, 6, 17 ),
+ * 'class' => new WP_HTML_Attribute_Match( 'class', 'outline', 18, 32 )
+ * );
</ins><span class="cx" style="display: block; padding: 0 10px"> *
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * // Note that only the `class` attribute value is stored in the index.
+ * // That's because it is the only value used by this class at the moment.
+ *
</ins><span class="cx" style="display: block; padding: 0 10px"> * @since 6.2.0
</span><span class="cx" style="display: block; padding: 0 10px"> * @var WP_HTML_Attribute_Token[]
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -425,15 +414,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * into a single `set_attribute( 'class', $changes )` call.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * Example:
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * ```php
- * // Add the `wp-block-group` class, remove the `wp-group` class.
- * $classname_updates = array(
- * // Indexed by a comparable class name
- * 'wp-block-group' => WP_HTML_Tag_Processor::ADD_CLASS,
- * 'wp-group' => WP_HTML_Tag_Processor::REMOVE_CLASS
- * );
- * ```
</del><span class="cx" style="display: block; padding: 0 10px"> *
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * // Add the `wp-block-group` class, remove the `wp-group` class.
+ * $classname_updates = array(
+ * // Indexed by a comparable class name.
+ * 'wp-block-group' => WP_HTML_Tag_Processor::ADD_CLASS,
+ * 'wp-group' => WP_HTML_Tag_Processor::REMOVE_CLASS
+ * );
+ *
</ins><span class="cx" style="display: block; padding: 0 10px"> * @since 6.2.0
</span><span class="cx" style="display: block; padding: 0 10px"> * @var bool[]
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -479,19 +467,18 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * copies when applying many updates to a single document.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * Example:
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * ```php
- * // Replace an attribute stored with a new value, indices
- * // sourced from the lazily-parsed HTML recognizer.
- * $start = $attributes['src']->start;
- * $end = $attributes['src']->end;
- * $modifications[] = new WP_HTML_Text_Replacement( $start, $end, $new_value );
</del><span class="cx" style="display: block; padding: 0 10px"> *
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * // Correspondingly, something like this will appear in this array.
- * $lexical_updates = array(
- * WP_HTML_Text_Replacement( 14, 28, 'https://my-site.my-domain/wp-content/uploads/2014/08/kittens.jpg' )
- * );
- * ```
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * // Replace an attribute stored with a new value, indices
+ * // sourced from the lazily-parsed HTML recognizer.
+ * $start = $attributes['src']->start;
+ * $end = $attributes['src']->end;
+ * $modifications[] = new WP_HTML_Text_Replacement( $start, $end, $new_value );
</ins><span class="cx" style="display: block; padding: 0 10px"> *
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * // Correspondingly, something like this will appear in this array.
+ * $lexical_updates = array(
+ * WP_HTML_Text_Replacement( 14, 28, 'https://my-site.my-domain/wp-content/uploads/2014/08/kittens.jpg' )
+ * );
+ *
</ins><span class="cx" style="display: block; padding: 0 10px"> * @since 6.2.0
</span><span class="cx" style="display: block; padding: 0 10px"> * @var WP_HTML_Text_Replacement[]
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -608,7 +595,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Release bookmarks when they are no longer needed.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * Example:
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * ```
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ *
</ins><span class="cx" style="display: block; padding: 0 10px"> * <main><h2>Surprising fact you may not know!</h2></main>
</span><span class="cx" style="display: block; padding: 0 10px"> * ^ ^
</span><span class="cx" style="display: block; padding: 0 10px"> * \-|-- this `H2` opener bookmark tracks the token
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -616,7 +603,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * <main class="clickbait"><h2>Surprising fact you may no…
</span><span class="cx" style="display: block; padding: 0 10px"> * ^ ^
</span><span class="cx" style="display: block; padding: 0 10px"> * \-|-- it shifts with edits
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * ```
</del><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * Bookmarks provide the ability to seek to a previously-scanned
</span><span class="cx" style="display: block; padding: 0 10px"> * place in the HTML document. This avoids the need to re-scan
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -623,7 +609,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * the entire document.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * Example:
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * ```
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ *
</ins><span class="cx" style="display: block; padding: 0 10px"> * <ul><li>One</li><li>Two</li><li>Three</li></ul>
</span><span class="cx" style="display: block; padding: 0 10px"> * ^^^^
</span><span class="cx" style="display: block; padding: 0 10px"> * want to note this last item
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -650,7 +636,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * $p->set_bookmark( 'last-li' );
</span><span class="cx" style="display: block; padding: 0 10px"> * }
</span><span class="cx" style="display: block; padding: 0 10px"> * }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * ```
</del><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * Bookmarks intentionally hide the internal string offsets
</span><span class="cx" style="display: block; padding: 0 10px"> * to which they refer. They are maintained internally as
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -727,7 +712,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @see https://html.spec.whatwg.org/multipage/parsing.html#rcdata-state
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * @param string $tag_name – the lowercase tag name which will close the RCDATA region.
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @param string $tag_name The lowercase tag name which will close the RCDATA region.
</ins><span class="cx" style="display: block; padding: 0 10px"> * @return bool Whether an end to the RCDATA region was found before the end of the document.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> private function skip_rcdata( $tag_name ) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1624,10 +1609,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * or trailing whitespace, and that the casing follows the name given in `set_attribute`.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * Example:
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * ```
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ *
</ins><span class="cx" style="display: block; padding: 0 10px"> * $p->set_attribute( 'data-TEST-id', 'update' );
</span><span class="cx" style="display: block; padding: 0 10px"> * 'update' === $p->get_enqueued_attribute_value( 'data-test-id' );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * ```
</del><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * Detect this difference based on the absence of the `=`, which _must_ exist in any
</span><span class="cx" style="display: block; padding: 0 10px"> * attribute containing a value, e.g. `<input type="text" enabled />`.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1658,17 +1642,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Returns the value of a requested attribute from a matched tag opener if that attribute exists.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * Example:
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * ```php
- * $p = new WP_HTML_Tag_Processor( '<div enabled class="test" data-test-id="14">Test</div>' );
- * $p->next_tag( array( 'class_name' => 'test' ) ) === true;
- * $p->get_attribute( 'data-test-id' ) === '14';
- * $p->get_attribute( 'enabled' ) === true;
- * $p->get_attribute( 'aria-label' ) === null;
</del><span class="cx" style="display: block; padding: 0 10px"> *
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * $p->next_tag() === false;
- * $p->get_attribute( 'class' ) === null;
- * ```
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * $p = new WP_HTML_Tag_Processor( '<div enabled class="test" data-test-id="14">Test</div>' );
+ * $p->next_tag( array( 'class_name' => 'test' ) ) === true;
+ * $p->get_attribute( 'data-test-id' ) === '14';
+ * $p->get_attribute( 'enabled' ) === true;
+ * $p->get_attribute( 'aria-label' ) === null;
</ins><span class="cx" style="display: block; padding: 0 10px"> *
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * $p->next_tag() === false;
+ * $p->get_attribute( 'class' ) === null;
+ *
</ins><span class="cx" style="display: block; padding: 0 10px"> * @since 6.2.0
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @param string $name Name of attribute whose value is requested.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1739,15 +1722,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * - HTML 5 spec
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * Example:
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * ```php
- * $p = new WP_HTML_Tag_Processor( '<div data-ENABLED class="test" DATA-test-id="14">Test</div>' );
- * $p->next_tag( array( 'class_name' => 'test' ) ) === true;
- * $p->get_attribute_names_with_prefix( 'data-' ) === array( 'data-enabled', 'data-test-id' );
</del><span class="cx" style="display: block; padding: 0 10px"> *
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * $p->next_tag() === false;
- * $p->get_attribute_names_with_prefix( 'data-' ) === null;
- * ```
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * $p = new WP_HTML_Tag_Processor( '<div data-ENABLED class="test" DATA-test-id="14">Test</div>' );
+ * $p->next_tag( array( 'class_name' => 'test' ) ) === true;
+ * $p->get_attribute_names_with_prefix( 'data-' ) === array( 'data-enabled', 'data-test-id' );
</ins><span class="cx" style="display: block; padding: 0 10px"> *
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * $p->next_tag() === false;
+ * $p->get_attribute_names_with_prefix( 'data-' ) === null;
+ *
</ins><span class="cx" style="display: block; padding: 0 10px"> * @since 6.2.0
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @see https://html.spec.whatwg.org/multipage/syntax.html#attributes-2:ascii-case-insensitive
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1775,15 +1757,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Returns the uppercase name of the matched tag.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * Example:
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * ```php
- * $p = new WP_HTML_Tag_Processor( '<div class="test">Test</div>' );
- * $p->next_tag() === true;
- * $p->get_tag() === 'DIV';
</del><span class="cx" style="display: block; padding: 0 10px"> *
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * $p->next_tag() === false;
- * $p->get_tag() === null;
- * ```
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * $p = new WP_HTML_Tag_Processor( '<div class="test">Test</div>' );
+ * $p->next_tag() === true;
+ * $p->get_tag() === 'DIV';
</ins><span class="cx" style="display: block; padding: 0 10px"> *
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * $p->next_tag() === false;
+ * $p->get_tag() === null;
+ *
</ins><span class="cx" style="display: block; padding: 0 10px"> * @since 6.2.0
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @return string|null Name of currently matched tag in input HTML, or `null` if none found.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1827,15 +1808,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Indicates if the current tag token is a tag closer.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * Example:
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * ```php
- * $p = new WP_HTML_Tag_Processor( '<div></div>' );
- * $p->next_tag( array( 'tag_name' => 'div', 'tag_closers' => 'visit' ) );
- * $p->is_tag_closer() === false;
</del><span class="cx" style="display: block; padding: 0 10px"> *
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * $p->next_tag( array( 'tag_name' => 'div', 'tag_closers' => 'visit' ) );
- * $p->is_tag_closer() === true;
- * ```
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * $p = new WP_HTML_Tag_Processor( '<div></div>' );
+ * $p->next_tag( array( 'tag_name' => 'div', 'tag_closers' => 'visit' ) );
+ * $p->is_tag_closer() === false;
</ins><span class="cx" style="display: block; padding: 0 10px"> *
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * $p->next_tag( array( 'tag_name' => 'div', 'tag_closers' => 'visit' ) );
+ * $p->is_tag_closer() === true;
+ *
</ins><span class="cx" style="display: block; padding: 0 10px"> * @since 6.2.0
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @return bool Whether the current tag is a tag closer.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1940,12 +1920,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Update an existing attribute.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * Example – set attribute id to "new" in <div id="initial_id" />:
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * <div id="initial_id"/>
- * ^-------------^
- * start end
- * replacement: `id="new"`
</del><span class="cx" style="display: block; padding: 0 10px"> *
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * Result: <div id="new"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * <div id="initial_id"/>
+ * ^-------------^
+ * start end
+ * replacement: `id="new"`
+ *
+ * Result: <div id="new"/>
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> $existing_attribute = $this->attributes[ $comparable_name ];
</span><span class="cx" style="display: block; padding: 0 10px"> $this->lexical_updates[ $comparable_name ] = new WP_HTML_Text_Replacement(
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1958,12 +1939,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Create a new attribute at the tag's name end.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * Example – add attribute id="new" to <div />:
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * <div/>
- * ^
- * start and end
- * replacement: ` id="new"`
</del><span class="cx" style="display: block; padding: 0 10px"> *
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * Result: <div id="new"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * <div/>
+ * ^
+ * start and end
+ * replacement: ` id="new"`
+ *
+ * Result: <div id="new"/>
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> $this->lexical_updates[ $comparable_name ] = new WP_HTML_Text_Replacement(
</span><span class="cx" style="display: block; padding: 0 10px"> $this->tag_name_starts_at + $this->tag_name_length,
</span></span></pre>
</div>
</div>
</body>
</html>