Framework: Markdown Images not working

[pcfutures]

Using Markdown Mailables, Images do not render at all, but other markdown works fine.

![{{ $app_name }}]({{ asset('/assets/img/logo.png') }})

should compile to

![laravel app](http://laravel.dev/assets/img/logo.png')

and then render as an image with the alt text 'laravel app'.
Instead, it just outputs the markdown string on its own:

![laravel app](http://laravel.dev/assets/img/logo.png')

Note that I am using lumen with Mail packages added in on top, but that shouldn't be the problem as far as I can tell.

I had someone suggest that maybe the Markdown is rendered before blade/variable substitution, which kind of makes sense.

I've decided to just not use images until a fix is found.

[themsaid]

Image rendering is working as expected, make sure you're using the correct path to your image.

[pcfutures]

Yes, the path is right. This shouldn't be closed.

[pcfutures]

Even if the path was wrong, it would render an image but just a broken one? This doesn't render to anything at all.

@themsaid

[themsaid]

Copying this ![{{ $app_name }}]({{ asset('/assets/img/logo.png') }}) in my markdown email works fine, please share something I can copy into my laravel app to replicate the issue.

[pcfutures]

Not sure what else to share. That simply doesn't render for me. Is it because I'm using Lumen not Laravel?

[themsaid]

Using mailtrap check the underlaying HTML to see what's wrong.

[pcfutures]

Ah. Found the problem.

You can't use extra markdown within the mail::header component, as it renders that as a URL.

@component('mail::header', ['url' => '...'])
    {{ $app_name }}
    ![{{ $app_name }}]({{ asset('/assets/img/logo.png') }})
@endcomponent

compiles to (assume $app_name = 'test', asset('..') = 'img')

[test ![test](img)](url)

which is obviously invalid.

However, removing the mail::header component and just using

![{{ $app_name }}]({{ asset('/assets/img/logo.png') }})

doesn't work either.

[jjboostability]

I had the same issue of the email displaying something like:
![Explanation of Image](https://url/to/image.jpg)

Until I realized that indentation is a big part of Markdown. I had indented my image tag and Markdown was rendering it as code instead of parsing the image tag. All I had to do was de-indent my img tag and it worked as intended.

[azzic]

@jjboostability would you please share your code, I have the same problem. (I'm using laravel 5.6)

here's my blade file: ( the image does not show here)
@component('mail::layout')
{{-- Header --}}
@slot('header')
@component('mail::header', ['url' => ''])
[An awesome example image]: http://via.placeholder.com/350x150
{{ $header }}
@endcomponent
@endslot
@endcomponent

However, having an image tag in the header shows the image:

@component('mail::layout')
{{-- Header --}}
@slot('header')
@component('mail::header', ['url' => ''])
<-img src="http://via.placeholder.com/350x150" alt="Smiley face">
{{ $header }}
@endcomponent
@endslot
@endcomponent

is there anything i'm missing related to Markdown email? do I need to publish it?
(e.g. php artisan vendor:publish --tag=laravel-mail)

[Erkebulan69]

@ghost do the following:

for your message.blade.php layout

@component('mail::header', ['url' => '...'])
    ![{{ $app_name }}]({{ asset('/assets/img/logo.png') }})
@endcomponent

and in your header.blade.php view add markdown parsing

<tr>
    <td class="header">
        <a href="{{ $url }}">
            {{ Illuminate\Mail\Markdown::parse($slot) }}
        </a>
    </td>
</tr>

[mdeprezzo]

@Erkebulan69 stil not work for me