github-mirror/framework
2
0
Fork 0
mirror of https://github.com/flarum/framework.git synced 2024-12-05 09:03:36 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Evaluate <script> tags in TextFormatter output

Browse Source 
This allows us to rely on TextFormatter's highlight.js loading code instead of implementing our own.

closes #532
This commit is contained in:
Toby Zerner 2015-10-14 11:45:33 +10:30
parent 6443f5d95c
commit dc29509321
1 changed files with 6 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
framework/core/js/forum/src/components/CommentPost.js
View File

@ -57,44 +57,18 @@ export default class CommentPost extends Post {
const contentHtml = this.isEditing() ? '' : this.props.post.contentHtml();
// If the post content has changed since the last render, we'll run through
// all of the <script> tags in the content and evaluate them. This is
// necessary because TextFormatter outputs them for e.g. syntax highlighting.
if (context.contentHtml !== contentHtml) {
if (typeof hljs === 'undefined') {
this.loadHljs();
} else {
this.$('pre code').each(function(i, elm) {
hljs.highlightBlock(elm);
});
}
this.$('.Post-body script').each(function() {
eval.call(window, $(this).text());
});
}
context.contentHtml = contentHtml;
}
/**
* Load the highlight.js library and initialize highlighting when done.
*
* @private
*/
loadHljs() {
const head = document.getElementsByTagName('head')[0];
const stylesheet = document.createElement('link');
stylesheet.type = 'text/css';
stylesheet.rel = 'stylesheet';
stylesheet.href = '//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.7/styles/default.min.css';
head.appendChild(stylesheet);
const script = document.createElement('script');
script.type = 'text/javascript';
script.onload = () => {
hljs._ = {};
hljs.initHighlighting();
};
script.async = true;
script.src = '//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.7/highlight.min.js';
head.appendChild(script);
}
isEditing() {
return app.composer.component instanceof EditPostComposer &&
app.composer.component.props.post === this.props.post &&