![:milky_way:](data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64"><rect fill-opacity="0"/></svg> ":milky_way:"){kind=small}
WIP (feat): code sytnax highlighting
Work in Progress
Closes minds#864
Request to merge
jim-toth:feat/code-syntax-highlighting-864
into
master
The source branch is 87 commits behind the target branch
added 1 commit
- 7c14f922 - Adds code highlighting module, code highlighting pipe to posts and comments
![Jim Toth](data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200"><rect fill-opacity="0"/></svg>)
Quick update on progress:
- Code Highlight Module
- Posts
- Comments
- Blog
- Mobile
This is entirely a front-end solution, code to be highlighted is never executed.
Working with the Medium editor, I believe it would be best to add another plugin button for code highlighting. Any time a newline is entered into the editor it inserts
</p><p>in between, which won't play well with code highlighting especially if the code being highlighted is HTML. I'll add a plugin to the Medium editor to highlight a code block by attempting to remove or prevent the</p><p>tags being inserted and wrap the block with<pre><code>as per Highlight.js convention.For Mobile, I'll create a code-highlight component in react.
added 1 commit
- 4489d090 - Fixes Activity component tests for code highlight
added 1 commit
- 1e5716b4 - Adds code highlight plugin for medium-editor
-
Progress Update:
- Code Highlight Module
- Posts
- Comments
-
Blog
-
Medium Editor Plugin
- Functionality
- Style
-
Medium Editor Plugin
-
Mobile
- Posts
- Comments
- Blog
Please register or sign in to reply