Possible to hook into markdown content with angular events (ng-click, etc...) about angular-marked

[ggoforth]

Basically, what I'm asking is, can I inject my own angular directives INTO the content being parsed (like image tags, links, etc....)

[Hypercubed]

Hello,

This has come up a few times. Unfortunately there is not an easy to get angular directives to run without impacting code blocks. Theoretically it should be possible to tweak marked's parser to pass non-code block html through angular's $compile but honestly I haven't tried.

Please look at the comment here: #43 (comment)

[Toilal]

Simply adding this line of code after markdown parsing do the trick

$compile(element.contents())(scope.$parent);

I'll open a Pull Request with an option to compile (default to false)

[Hypercubed]

Before you get too far look at this comment: #43 (comment)

You need to ensure that only non-code blocks are processed, otherwise it will be impossible to include angular code within the markdown.

[Toilal]

I see. I think it would be still possible by injecting ng-non-bindable in marked output of code blocks element.

[Hypercubed]

If you can get it to work that would be great. Maybe tap into the highlight or setRenderer options.

[Toilal]

Pull Request is there. But how can I build the dist files ?

[Toilal]

Ho I understand, I just saw there are some npm scripts defined in package.json :)

I need to rebase the Pull Request because i've changed something in karma configuration that is finally not required when using those scripts.

[Hypercubed]

Did you exclude code blocks?

[Toilal]

Yes, they are excluded by using an internal renderer hook on code and codespan. This hook calls the default renderer and wrap it's output in a <span ng-non-bindable></span> element.