examples/playground.php: Fetch elements props

Author: duzun

examples/duzun.me_playground_hquery.php

@@ -86,8 +86,8 @@
                 if ( $elements ) foreach($elements as $pos => $el) {
                     $els[] = array(
                         'nodeName'  => $el->nodeName,
-                        'attr'      => $el->attr(),
-                        'outerHtml' => $el->outerHtml(),
+                        'attr'      => $el->attr(null, true),
+                        'outerHtml' => $el->outerHtml(null, true),
                         'pos'       => $pos,
                     );
                 }

examples/playground.php

@@ -282,6 +282,7 @@
 
             <p>
                 <button type="submit" name="go" value="elements" <?=$go=='elements'?'aria-pressed="true"':''?> class="btn btn-success">Fetch elements</button>
+                <button type="submit" name="go" value="elements_props" <?= $go == 'elements_prop' ? 'aria-pressed="true"' : '' ?> class="btn btn-success">Fetch elements props</button>
                 <button type="submit" name="go" value="meta" <?=$go=='meta'?'aria-pressed="true"':''?> class="btn btn-success">Fetch meta</button>
                 <button type="submit" name="go" value="source" <?=$go=='source'?'aria-pressed="true"':''?> class="btn btn-success">Fetch source</button>
             </p>
@@ -302,16 +303,28 @@
                     <thead><tr>
                         <th>Pos.</th>
                         <th>HTML</th>
-                        <th>View</th>
+                        <?php if ($go == 'elements_props'): ?>
+                            <th width="60%">Props</th>
+                        <?php else: ?>
+                            <th>View</th>
+                        <?php endif; ?>
                     </tr></thead>
                     <tbody>
-            <?php foreach($elements as $pos => $el): ?>
-                        <tr>
-                            <td><i class="col-xs-1"><?=$pos;?></i></td>
-                            <td><pre style="word-break:break-word;"><?=htmlspecialchars($el->outerHtml(), ENT_QUOTES);?></pre></td>
-                            <td><?=$el->outerHtml();?></td>
-                        </tr>
-            <?php endforeach;?>
+                        <?php foreach ($elements as $pos => $el): ?>
+                            <tr>
+                                <td><i class="col-xs-1"><?= $pos; ?></i></td>
+                                <td>
+                                    <pre style="word-break:break-word;"><?= htmlspecialchars($el->outerHtml(), ENT_QUOTES); ?></pre>
+                                </td>
+                                <td>
+                                    <?php if ($go == 'elements_props'): ?>
+                                        <pre><?= htmlspecialchars(json_encode($el->attr(null, true), JSON_PRETTY_PRINT)) ?></pre>
+                                    <?php else: ?>
+                                        <?= $el->outerHtml(null, true); ?>
+                                    <?php endif; ?>
+                                </td>
+                            </tr>
+                        <?php endforeach; ?>
                     </tbody>
                 </table>
             <?php

src/hQuery/Node.php

@@ -280,7 +280,7 @@ public function html($id = null)
     /**
      * @return string .outerHtml
      */
-    public function outerHtml($id = null)
+    public function outerHtml($id = null, $eval_attr=false)
     {
         $dm = $this->isDoc() && !isset($id);
         if ($dm) {
@@ -296,7 +296,7 @@ public function outerHtml($id = null)
         $ret = self::$_nl_;
         $map = isset($this->tag_map) ? $this->tag_map : (isset($doc->tag_map) ? $doc->tag_map : null);
         foreach ($id as $p => $q) {
-            $a = $doc->get_attr_byId($p, null, true, true);
+            $a = $doc->get_attr_byId($p, null, true, !$eval_attr);
             $n = $doc->tags[$p];
             if ($map && isset($map[$_n = strtolower($n)])) {
                 $n = $map[$_n];