Create a gist now

Instantly share code, notes, and snippets.

What would you like to do?
AngularJs directive for PrismJs
angular.module('Prism', []).
directive('prism', [function() {
return {
restrict: 'A',
link: function ($scope, element, attrs) {
element.ready(function() {
Prism.highlightElement(element[0]);
});
}
}
}]
);

Solved my problem using ui-router with Prism. Really useful for anyone looking to do the same.

vinhlh commented May 29, 2015

You need to add this lines inside link function to make Prism updates when there are a change in your model:

$scope.$watch('{youModelName}', function () {
    Prism.highlightElement(element[0]);
});
sunsus commented Sep 16, 2015

Can you update to this Version:
https://gist.github.com/sunsus/2a5ce3fbe15f447e7fa7

It is better compatible with Plugins.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment