mirror/slate
1
0
Fork 0
mirror of https://github.com/ianstormtaylor/slate.git synced 2025-08-21 22:45:18 +02:00
Code Issues Releases Wiki Activity

Fix code highlighting example (#1560)

Browse Source
This commit is contained in:
Zach Schneider
2018-01-26 13:15:03 -05:00
committed by Ian Storm Taylor
parent 1e128fffdd
commit 55e34e6d97
1 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
examples/code-highlighting/index.js
View File

@@ -140,10 +140,21 @@ class CodeHighlighting extends React.Component {
switch (mark.type) { switch (mark.type) {
case 'comment': return <span style={{ opacity: '0.33' }}>{children}</span> case 'comment': return <span style={{ opacity: '0.33' }}>{children}</span>
case 'keyword': return <span style={{ fontWeight: 'bold' }}>{children}</span> case 'keyword': return <span style={{ fontWeight: 'bold' }}>{children}</span>
case 'tag': return <span style={{ fontWeight: 'bold' }}>{children}</span>
case 'punctuation': return <span style={{ opacity: '0.75' }}>{children}</span> case 'punctuation': return <span style={{ opacity: '0.75' }}>{children}</span>
} }
} }
tokenToContent = (token) => {
if (typeof token == 'string') {
return token
} else if (typeof token.content == 'string') {
return token.content
} else {
return token.content.map(this.tokenToContent).join('')
}
}
/** /**
* Decorate code blocks with Prism.js highlighting. * Decorate code blocks with Prism.js highlighting.
* *
@@ -170,7 +181,7 @@ class CodeHighlighting extends React.Component {
startText = endText startText = endText
startOffset = endOffset startOffset = endOffset
const content = typeof token == 'string' ? token : token.content const content = this.tokenToContent(token)
const newlines = content.split('\n').length - 1 const newlines = content.split('\n').length - 1
const length = content.length - newlines const length = content.length - newlines
const end = start + length const end = start + length
@@ -180,7 +191,7 @@ class CodeHighlighting extends React.Component {
endOffset = startOffset + remaining endOffset = startOffset + remaining
while (available < remaining) { while (available < remaining && texts.length > 0) {
endText = texts.shift() endText = texts.shift()
remaining = length - available remaining = length - available
available = endText.text.length available = endText.text.length