html - 在 Laravel Markdown 中嵌入 标签？

Question

是否可以嵌入 <canvas>标记中的标记？特别是，我希望使用 GrahamCampbell/Laravel-Markdown 包嵌入 Canvas 标签以在博客条目中显示 Chart.js 库中的图表，但它似乎不起作用。

博客条目示例:

Lorem ipsum blah blah blah blah blah....

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

Lorem ipsum blah blah blah blah blah... 

我的 laravel View (post.blade.php) 接收博客文章的正文，如下所示:

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

目前<canvas>标签正在作为 <p></p> 中的文本发布标签

Answer 1

简而言之，也许吧。这取决于您使用的 Markdown 实现。

rules状态:

For any markup that is not covered by Markdown’s syntax, you simply use HTML itself. There’s no need to preface it or delimit it to indicate that you’re switching from Markdown to HTML; you just use the tags.

当然，这似乎表明它应该有效。但还有一个令人讨厌的问题，即 HTML 被包装在 <p> 中。标签。规则中的下一段指出:

The only restrictions are that block-level HTML elements — e.g. <div>, <table>, <pre>, <p>, etc. — must be separated from surrounding content by blank lines, and the start and end tags of the block should not be indented with tabs or spaces. Markdown is smart enough not to add extra (unwanted) <p> tags around HTML block-level tags.

问题在于 Markdown 的创建早于 <canvas>标签(在 HTML 4 和 XHTML 1 期间)，并且大多数 Markdown 实现不将该标签包含在其“ block 级 HTML 元素”列表中。但是，近年来一些实现可能已更新其代码以添加较新的 HTML 5 block 级标记，如果您使用这些实现之一，那么您应该能够使用 <canvas>标签，但不将其包裹在 <p> 中标签。

您可以比较 Babelmark2 上的一些实现，其中列出的实现中约有一半将支持 canvas某种程度的标签。然而，这只是所有实现的一小部分。可以找到更长但不完整的列表 here .