PHP: Convert <ul> <li> Baum-HTML-Tags in ein array

Ich bin mit jsTree und ich brauche, um zu konvertieren HTML-tag-Struktur-code <ul> <li> an ein PHP-array.
Der jsTree-HTML-tag wird übergeben an PHP geparst, und speichern Sie in einem strukturierten Baum PHP-array(siehe unten den PHP-array Struktur).

Zusätzliche Frage: Ist meine gewünschte PHP-array Struktur gut oder können Sie empfehlen eine gute Struktur? Ich bin offen für Vorschläge.

Vielen Dank im Voraus 🙂

Cheers,
Daneben

jsTree Screenshot:

PHP: Convert <ul> <li> Baum-HTML-Tags in ein array

HTML-Tree String:

<ul class="ltr">
<li id="phtml_1" class="  open">
    <a style="" class=" " href="#"><ins>&nbsp;</ins>Folder 1</a>
    <ul>
    <li class="leaf" id="phtml_2">
        <a style="" class=" " href="#"><ins>&nbsp;</ins>Child 1.1</a>
    </li>
    <li class="open" id="phtml_3">
        <a style="" class=" " href="#"><ins>&nbsp;</ins>Folder 1.1</a>
        <ul>
        <li class="leaf last" rel="default">
            <a href="" style="" class=" "><ins>&nbsp;</ins>Child 1.1.1</a>
        </li>
        </ul>
    </li>
    <li class="last open" rel="default">
        <a href="" style="" class=" "><ins>&nbsp;</ins>Folder 1.2</a>
        <ul>
        <li class="leaf" rel="default">
            <a href="" style="" class=" "><ins>&nbsp;</ins>Child 1.2.1</a>
        </li>
        <li class="leaf last" rel="default">
            <a href="" style="" class=" "><ins>&nbsp;</ins>Child 1.2.2</a>
        </li>
        </ul>
    </li>
    </ul>
</li>
<li id="phtml_5" class="file open">
    <a style="" class=" " href="#"><ins>&nbsp;</ins>Folder 2</a>
    <ul>
    <li class="leaf" rel="default">
        <a href="" style="" class=" "><ins>&nbsp;</ins>Child 2.1</a>
    </li>
    <li class="leaf last" rel="default">
        <a href="" style="" class="clicked"><ins>&nbsp;</ins>Child 2.2</a>
    </li>
    </ul>
</li>
<li class="leaf last" rel="default">
    <a href="" style="" class=" "><ins>&nbsp;</ins>Outer Child</a>
</li>
</ul>

PHP-Array Struktur:

<?php
$tree_array = array(
    'Folder 1' => array(
        'Child 1.1',
        'Folder 1.1' => array(
            'Child 1.1.1'
        ),
        'Folder 1.2' => array(
            'Child 1.2.1',
            'Child 1.2.2'
        ),
    ),
    'Folder 2' => array(
        'Child 2.1',
        'Child 2.2'
    ),
    'Outer Child'
);

echo '<pre>',print_r($tree_array),'</pre>';
?>

PHP print_r Ausgabe:

Array
(
    [Folder 1] => Array
        (
            [0] => Child 1.1
            [Folder 1.1] => Array
                (
                    [0] => Child 1.1.1
                )

            [Folder 1.2] => Array
                (
                    [0] => Child 1.2.1
                    [1] => Child 1.2.2
                )

        )

    [Folder 2] => Array
        (
            [0] => Child 2.1
            [1] => Child 2.2
        )

    [0] => Outer Child
)

I. e. Sie beginnen mit einem fragment von HTML und wollen, um am Ende mit einem PHP-array?
Ja. Ich bin momentan dabei, einen jsTree-editor mit den Schaltflächen zum hinzufügen, Bearbeiten, löschen, verschieben, kopieren, einfügen und umbenennen von Funktionen. Nach dem Bearbeiten der user, die ich brauche, um speichern Sie die HTML-tag-Baumstruktur. Mein problem ich habe eine harte Zeit Parsen der string HTML-Tags und speichern Sie es in einem PHP-array.

InformationsquelleAutor marknt15 | 2010-05-12

Bezug:

Mein problem ich habe eine harte Zeit Parsen der string HTML-Tags und speichern Sie es in einem PHP-array.

Schlage ich vor, dass Sie ein HTML-parser, wie simplehtmldom. Dies ermöglicht es Ihnen, um die traverse über das HTML-DOM so wie Sie wollen.

Hier ist eine quick-and-dirty UL-walking-Skript:

<?php
    require_once( "simplehtmldom/simple_html_dom.php" );
    $DOM = file_get_html( "test.htm" );
    $ARR = array( );
    function WalkUL( $ul, &$ar )
    {
        foreach( $ul->children as $li )
        {
            if ( $li->tag != "li" )
            {
                continue;
            }
            $arar = array( );
            foreach( $li->children as $ulul )
            {
                if ( $ulul->tag != "ul" )
                {
                    continue;
                }
                WalkUL( $ulul, $arar );
            }
            $ar[ $li->find( "a", 0 )->plaintext ] = $arar;
        }
    }
    WalkUL( $DOM->find( "ul", 0 ), $ARR );
    print_r( $ARR );
?>

Seinem Ausgang, nicht genau so, wie Sie es wollte, aber in der Nähe:

Array
(
    [Folder 1] => Array
        (
            [Child 1.1] => Array
                (
                )
            [Folder 1.1] => Array
                (
                    [Child 1.1.1] => Array
                        (
                        )
                )
            [Folder 1.2] => Array
                (
                    [Child 1.2.1] => Array
                        (
                        )
                    [Child 1.2.2] => Array
                        (
                        )
                )
        )
    [Folder 2] => Array
        (
            [Child 2.1] => Array
                (
                )
            [Child 2.2] => Array
                (
                )
        )
    [Outer Child] => Array
        (
        )
)

Danke Salman. Ich bin gerade in der Erprobung simplehtmldom ich heruntergeladen habe, in phpclasses.org als ich deine Antwort gelesen. Vielen Dank für Ihre WalkUL Funktion, wird es helfen 🙂 Cheers
Ich werde nur müssen Sie zum Bearbeiten der PHP-array Struktur, die zu befriedigen meine Bedürfnisse. Vielen Dank nochmal :>
Das einzige problem in der array-Struktur ist, dass wenn es mehrere gleiche Namen der Ordner, dann wird es überschreiben der array-Schlüssel. Aber ich werde einen Weg finden, um es in Wert und nicht im Schlüssel.
Kompliziert, aber möglich. Ihr "Kind arrays" werden können assoziative arrays: array( "label" => "Folder 1", "children" => array( ) );. Schwierig wird!

InformationsquelleAutor Salman A

Anstelle von messing mit html sollten Sie die Struktur von Daten in einer mehr-Programmierer-freundliche format.

$('#saveButton').click(function() {
    var treeData = $.tree.reference($('#sortableTree')).get(undefined, 'json');
    var tmp = serializeTree(treeData, 0);
    //now json-encode tmp and submit it
});

function serializeTree(nodes, parent)
{
    var parents = {};
    var childOrder = []
    var childOrders = {};
    for(var i = 0; i < nodes.length; i++)
    {
        var node = nodes[i];
        var id = node.attributes.id.substr(5); //assuming the id looks like 'abcd-ID'
        parents[id] = parent;
        childOrder.push(id);
        if(node.children)
        {
            var tmp = serializeTree(node.children, id);
            for(var id in tmp[0])
                parents[id] = tmp[0][id];
            for(var id in tmp[1])
                childOrders[id] = tmp[1][id]
        }
    }

    childOrders[parent] = childOrder;

    return [parents, childOrders];
}

Schön! 🙂 Eine schnelle Antwort. Sie sind gut, sir. Ich werde es jetzt versuchen. Danke! 😀
Ähm ich javascript-alert-tmp und das ist die Ausgabe: [{_1:0, _2:"_1", _3:"_1", _5:0}, {_1:["_2", "_3"], 0:["_1", "_5"]}] ich verstehe es nicht? Hhmm... Kannst du das etwas erläutern bitte? Vielen Dank nochmal 🙂

InformationsquelleAutor ThiefMaster

0

Nur für referecence: es gibt auch ein jQuery-plugin zum serialisieren eines HTML-DOM-Baum der <ol> und <ul> Listen:
http://www.drakedata.com/serializetree/sampleTree.html - es wandelt eine verschachtelte Struktur von <ol> und <ul> Listen, um eine Zeichenfolge, die verwendet werden kann als eine zugehörige php-array.

InformationsquelleAutor DukeDrake

Wenn Sie haben eine UL -, die nicht enthalten alle href-Elemente (z.B. nur text nexted ul).. ich hab eingestellt Salman ist simplehtmldom code zu arbeiten:

$DOM = str_get_html( $catshtml );
$ARR = array( );
function WalkUL( $ul, &$ar )
{
    foreach( $ul->children as $li )
    {
        if ( $li->tag != "li" )
        {
            continue;
        }
        $arar = array( );
        foreach( $li->children as $ulul )
        {
            if ( $ulul->tag != "ul" )
            {
                continue;
            }
            WalkUL( $ulul, $arar );
        }
        $ar[ trim(preg_replace("#</?[a-z]+[^>]*>(.+</[a-z]+[^>]*>|)#is","",$li->innertext)) ] = $arar;
    }
}
WalkUL( $DOM->find( "ul", 0 ), $ARR );
echo "<pre>"; print_r( $ARR );

InformationsquelleAutor JaseC

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.