How do I add classes? For example to an list?

[ArneAnka]

Hi!

Pretty straightforward but how do I add class-names so my css framework kan render properly? I want to add list-disc to the <ul>

[colinodell]

thephpleague/commonmark#605 might answer your question

[GrahamCampbell]

Thanks so much @colinodell. Massively appreciate your continual jumping into these issues and helping out. :)

[ArneAnka]

Thanks @colinodell

If anyone is looking to do the same, this is what I did:

1. Create an Extensions folder under App
2. Create file called AddListStyleClassesExtension.php under the newly created folder App/Extensions
3. Populate AddListStyleClassesExtension.php with:

<?php

namespace App\Extensions;

use League\CommonMark\ConfigurableEnvironmentInterface;
use League\CommonMark\Event\DocumentParsedEvent;
use League\CommonMark\Extension\ExtensionInterface;

class AddListStyleClassesExtension implements ExtensionInterface
{
    public function register(ConfigurableEnvironmentInterface $environment): void
    {
            $environment
                ->addEventListener(DocumentParsedEvent::class, new AddListStyleClassesRenderer());
        ;
    }
}

4. Create file called AddListStyleClassesRenderer.php under the newly created folder App/Extensions
5. Populate AddListStyleClassesRenderer.php with:

<?php
namespace App\Extensions;

use League\CommonMark\EnvironmentInterface;
use League\CommonMark\Event\DocumentParsedEvent;
use League\CommonMark\Block\Element\ListBlock;

class AddListStyleClassesRenderer {

    /**
     * @param DocumentParsedEvent $e
     *
     * @return void
     */
    public function __invoke(DocumentParsedEvent $e)
    {
        $walker = $e->getDocument()->walker();

        while ($event = $walker->next()) {
            $node = $event->getNode();
            if ($node instanceof ListBlock) {
                $node->data['attributes'] = array('class' => 'list-disc list-inside');
            }
        }
    }

}

6. Add the AddListStyleClassesExtension class to the markdown.php-config file
   'extensions' => [\App\Extensions\AddListStyleClassesExtension::class],

Done!

[colinodell]

Thanks for sharing your solution with others! o/

[ptmkenny]

For anybody coming to this from a search engine like I just did, there is a much easier solution now using Default Attributes.