У меня есть веб-страница с некоторыми сообщениями, в которых есть код. Я пытаюсь использовать подсветку js, чтобы выделить код. однако, я все еще не могу заставить его работать через несколько часов. Это мой первый день с Метеор, поэтому код был адаптирован из учебника на их сайте. Весь проект достаточно прост, вот мой главный JS файл:не может сделать подсветку js work in meteor js
Posts = new Mongo.Collection("posts");
if (Meteor.isClient) {
// This code only runs on the client
Template.body.helpers({
posts: function() {
return Posts.find({}, {limit: 15});
}
});
Template.post.rendered = function(){
$('pre code').each(function(i, block) {
hljs.highlightBlock(block);
});
};
}
HTML файл я использую:
<head>
<title>Posts</title>
</head>
<body>
<div class="container">
<header>
<h1>Posts</h1>
</header>
<ul>
{{#each posts}}
{{> post}}
{{/each}}
</ul>
</div>
</body>
<template name="post">
<h1 class="text">{{title}}</h1>
{{{ content }}}
</template>
У меня также есть топор код стиля CSS файл из GitHub ВЫСВЕТИТЬ Js' репо в проекте. После загрузки страницы в тег кода был добавлен hljs
, а код внутри тега кода остался неизменным, как вы можете видеть на следующем изображении.
Любая идея, почему подсветка js не изменила код?
Я добавлю дополнительную информацию, если мое описание недостаточно ясное.
Помогло бы иметь демонстрацию [meteorpad] (http://meteorpad.com/). –
@FlorianF. Привет, я поехал туда, сделал демо, и он работал там. Поэтому я реструктурировал свой проект, как демонстрационный проект, и он тоже работал. Спасибо за предложение! – Gnijuohz