我正在尝试制作一个设计指南，将代码显示为html或css。
我的理解是，我应该制造一个组件，因为我可以使用{{yield}}来使代码显示如下。
用法：
{{#raw-output}}
<div>test</div>
{{/raw-output}}组件/原始输出.hbs：
<pre>
<code>
{{{yield}}}
</code>
</pre>我唯一的问题是我无法弄清楚如何在HtmlBars中输出原始代码。
编辑：最终产品
//raw-output.js
import Ember from 'ember';
export default Ember.Component.extend({
didInsertElement: function () {
var $element = $(this.get('element')),
$code = $("code", $element),
html = $code.html();
$code.empty().text(html);
}
});
//raw-output.hbs
<code>
{{{yield}}}
</code>
//usage
{{#raw-output}}
<div>name</div>
{{/raw-output}}
您可以按照您提到的相同方式使用它。在didInsertElement组件的中，获取代码行，escape然后显示转义的行。
工作示例：旋转
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句