HtmlInline didn't render the HTML tag.

[muhghazaliakbar]

i tried to create custom extension to render @vimeo(id_vimeo) to iframe tag using HtmlInline but the html tag didn't rendered. also i have tried basic inline render like new HtmlInline('<h1>Hello World!'); and still didn't rendered.

here my sample code to render custom tag to iframe:

<?php

namespace App\Markdown\Extensions\Vimeo;

use League\CommonMark\Inline\Element\HtmlInline;
use League\CommonMark\Inline\Element\Link;
use League\CommonMark\Inline\Element\Text;
use League\CommonMark\Inline\Parser\AbstractInlineParser;
use League\CommonMark\InlineParserContext;

class VimeoParser extends AbstractInlineParser
{

    /**
     * @return string[]
     */
    public function getCharacters()
    {
        return ['@'];
    }

    /**
     * @param InlineParserContext $inlineContext
     *
     * @return bool
     */
    public function parse(InlineParserContext $inlineContext)
    {
        $cursor = $inlineContext->getCursor();
        // The @ symbol must not have any other characters immediately prior
        $previousChar = $cursor->peek(-1);
        if ($previousChar !== null && $previousChar !== ' ') {
            // peek() doesn't modify the cursor, so no need to restore state first
            return false;
        }
        // Save the cursor state in case we need to rewind and bail
        $previousState = $cursor->saveState();
        // Advance past the @ symbol to keep parsing simpler
        $cursor->advance();
        // Parse the handle
        $handle = $cursor->match('/vimeo\((\d+)\)/');
        if (empty($handle)) {
            // Regex failed to match; this isn't a valid Image handle
            $cursor->restoreState($previousState);

            return false;
        }

        $vimeoId = preg_replace('/[^0-9]+/', '', $handle);

        $inlineContext->getContainer()->appendChild(new HtmlInline($this->render($vimeoId)));

        return true;
    }

    /**
     * @param $vimeoId
     *
     * @return string
     */
    protected function render($vimeoId)
    {
        return '<iframe src="https://player.vimeo.com/video/'. $vimeoId .'?title=0&byline=0" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>';
    }
}

anyone can explain or give solution?

[wouterds]

Are you sure the $inlineContext->getContainer()->appendChi.. return true; lines are reached?

[muhghazaliakbar]

yes, i have tried with simple appendChild() content like text and worked.

[wouterds]

@muhghazaliakbar By investigating my issue further (#285) I discovered a lot more on how the library actually works. You can't render an HtmlInline element directly from an Inline Parser.

I suggest you do the same as I did using a custom Block Element, Block Parser & Block Renderer.

[muhghazaliakbar]

@wouterds can you show me you're Block Element, Block Parser & Block Renderer? for references :)

[colinodell]

Closing due to inactivity.