javascript - 在 ember 中使用highlight.js

标签 javascript ember.js syntax-highlighting highlight highlight.js

我的 ember 应用程序设置为左侧是帖子列表,右侧是单个帖子的 View 。当单击左侧的一篇帖子时,其内容将呈现在右侧的 View 中。

这是我用来向帖子添加语法突出显示的代码。

App.PostView = Ember.View.extend({
  didInsertElement: function() {
    $('pre code').each(function(i, e) {hljs.highlightBlock(e)});
  }
});

当渲染第一个帖 subview 时,它具有语法突出显示,但是当我单击不同的帖子并且其内容加载到帖 subview 中时,语法突出显示不会应用。如何才能在每次渲染帖子时应用突出显示?

最佳答案

我只能猜测,没有更全面的例子。 PostView 是在右侧面板中创建的吗?如果是这样,那么您需要将 View 渲染限制为 View 内的内容。

在您的示例中,$('pre code') 将定位文档内的所有 pre code 元素。尝试 this.$('pre code'),或任何需要在 View 中突出显示的元素/选择器。

关于javascript - 在 ember 中使用highlight.js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23661277/

相关文章:

ember.js - 如何在 afterModel Hook 中访问参数

javascript - 将服务注入(inject) Ember 实用程序

javascript - 如何对数组中的特定元素求和?

javascript - 如何: ServiceWorker check if ready to update

javascript - 如何使用 Youtube API 为 Youtube 视频添加字幕?

javascript - 当我们第一次使用 Ember JS 启动我们的应用程序时会发生什么?

java - 在启用语法高亮的情况下将 Java 源代码输出为 pdf

emacs - 禁用 transient 标记模式

c++ - 使用文本样式而不是颜色突出显示语法?

javascript - 如何返回回调函数?