mad-star-studio/element-web
2
0
Fork 0
Code Pull requests Activity

highlight <code/> blocks via highlight.js

Browse source
This commit is contained in:
Matthew Hodgson 2015-11-21 12:14:56 +00:00
parent b6e9c1eaab
commit da97185fcd
5 changed files with 40 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/skins/vector/css/github.css Symbolic link
View file

@ -0,0 +1 @@
../../../../node_modules/matrix-react-sdk/node_modules/highlight.js/styles/github.css

14
src/skins/vector/views/molecules/MNoticeTile.js
View file

@ -25,6 +25,20 @@ module.exports = React.createClass({
displayName: 'MNoticeTile',
mixins: [MNoticeTileController],
componentDidMount: function() {
HtmlUtils.highlightDom(this.getDOMNode());
},
componentDidUpdate: function() {
HtmlUtils.highlightDom(this.getDOMNode());
},
shouldComponentUpdate: function(nextProps) {
// exploit that events are immutable :)
return (nextProps.mxEvent.getId() !== this.props.mxEvent.getId() ||
nextProps.searchTerm !== this.props.searchTerm);
},
// XXX: fix horrible duplication with MTextTile
render: function() {
var content = this.props.mxEvent.getContent();

14
src/skins/vector/views/molecules/MTextTile.js
View file

@ -25,6 +25,20 @@ module.exports = React.createClass({
displayName: 'MTextTile',
mixins: [MTextTileController],
componentDidMount: function() {
HtmlUtils.highlightDom(this.getDOMNode());
},
componentDidUpdate: function() {
HtmlUtils.highlightDom(this.getDOMNode());
},
shouldComponentUpdate: function(nextProps) {
// exploit that events are immutable :)
return (nextProps.mxEvent.getId() !== this.props.mxEvent.getId() ||
nextProps.searchTerm !== this.props.searchTerm);
},
render: function() {
var content = this.props.mxEvent.getContent();
var body = HtmlUtils.bodyToHtml(content, this.props.searchTerm);