<canvas> 태그를 Laravel Markdown에 삽입 하시겠습니까?

Question

<canvas> 태그를 markdown에 삽입 할 수 있습니까? 특히 GrahamCampbell/Laravel-Markdown 패키지를 사용하여 블로그 항목 내에서 Chart.js 라이브러리의 차트를 표시하기 위해 캔버스 태그를 포함하려고하지만 작동하지 않는 것으로 보입니다.

<div class="article__body"> 
    {!! Markdown::convertToHtml(e($post->body)) !!} 
</div> 

현재 <canvas> 태그가되고 있습니다 :

블로그 항목 샘플 다음과 같이

Lorem ipsum blah blah blah blah blah.... 

<canvas id="myChart" width="400" height="200"></canvas> 

Lorem ipsum blah blah blah blah blah... 

내 laravel보기 (post.blade.php)은 블로그 게시물의 몸을 받아 <p></p> 태그 내에 텍스트로 게시 됨

Answer 1

요컨대. 사용중인 Markdown 구현에 따라 다릅니다.

rules 상태 : 마크 다운의 구문이 적용되지 않는 마크 업에 대한

, 당신은 단순히 HTML 자체를 사용합니다. Markdown에서 HTML로 전환 중이라는 것을 나타 내기 위해 주석을 달거나 구분할 필요가 없습니다. 당신은 단지 태그를 사용합니다.

어느 것이 당연히 효과가 있다는 것을 나타내는 것으로 보입니다. 그렇지만 <p> 태그에 싸여있는 HTML의 귀찮은 문제가 있습니다. 규칙 상태의 다음 단락 :

유일한 제한은 블록 수준 HTML 요소입니다. <div>, <table>, <pre>, <p> 등 - 주변 내용과 빈 줄을 구분해야하며 블록의 시작 및 끝 태그는 탭이나 공백으로 들여 쓰면 안됩니다. Markdown은 HTML 블록 수준 태그 주위에 여분의 (원치 않는) <p> 태그를 추가하지 않을 정도로 똑똑합니다. 마크 다운합니다 (HTML 4 및 XHTML 일일시)에 <canvas> 태그 오래 전에 만들어진 대부분의 마크 다운 구현은 자신의 목록에서 해당 태그를 포함하지 않는 것이

문제는 "블록 레벨 HTML 요소를." 그러나 최근 몇 년 동안 새로운 HTML 5 블록 수준 태그를 추가하기 위해 일부 구현에서 코드가 업데이트되었을 수 있으며 이러한 구현 중 하나를 사용하는 경우 태그를 <p>에 래핑하지 않고 사용할 수 있어야합니다. 꼬리표.

Babelmark2의 구현을 비교할 수 있습니다. 여기에 나열된 구현 중 약 절반이 canvas 태그를 어느 정도 지원할 것으로 보입니다. 그러나, 그것은 모든 구현의 작은 샘플링입니다. 불완전 함에도 불구하고 훨씬 더 긴 목록은 here입니다.