iOS Text View (
UIView) that Properly Displays LaTeX, HTML, Markdown, and YouTube/Vimeo Links
Simply add the following to your Podfile:
pod install in your repo.
Simply add the following to your Cartfile:
carthage update --platform iOS in your repo.
You can instantiate a
RichTextView by importing the project first:
To init a
let richTextView = RichTextView( input: "Test", latexParser: LatexParser(), font: UIFont.systemFont(ofSize: UIFont.systemFontSize), textColor: UIColor.black, frame: CGRect.zero, completion: nil )
You can also update an existing
RichTextView as follows:
richTextView.update( input: "Test", latexParser: LatexParser(), font: UIFont.systemFont(ofSize: UIFont.systemFontSize), textColor: UIColor.black, completion: nil )
All of the parameters above are Optional, for both the
update methods (except for
frame). The parameters are defined as follows:
input- The string you want to render
latexParser- You can pass your own class that conforms to
LatexParserProtocolif you want to handle LaTeX parsing in a custom way. Currently we use the
iosMathPod to handle LaTeX parsing by default
font- The font of the text to render
texColor- The color of the text to render
completion- A completion block to handle any errors that might be returned. The input will still render even if there are errors, however it might look differently than expected.
Formatting the input
In order for the
RichTextView to handle the various use cases it might encounter, the input string needs to be formatted as follows:
- LaTeX: Put any text you want to render as LaTeX in between two
- Code: Put any text you want to render as code in between two
- HTML/Markdown: No formatting necessary
- YouTube Videos: Put the ID of the YouTube video in a YouTube tag as follows:
youtube[dQw4w9WgXcQ]. The YouTube ID of any video can be found by looking at the URL of the video (Example:
https://www.youtube.com/watch?v=dQw4w9WgXcQ) and taking the value right after the
v=URL parameter. In this case the ID of the YouTube video is
- Vimeo Videos: Put the ID of the Vimeo video in a Vimeo tag as follows:
vimeo. The Vimeo ID of any video can be found by looking at the URL of the video (Example:
https://vimeo.com/100708006) and taking the value right after the first
/. In this case the ID of the Vimeo video is
Check out the sample project in the
Example root folder to see the screenshots above in action!
Simply clone the repo, run
pod install and you should be good to go
If you want to visually devQA your changes you can navigate to the Example project (found in the root
Example folder), run
pod install and then build and run the app. This will show you some common usages of the
The example project points to the local copy of the
RichTextView pod, so any changes made locally will be reflected in the sample project.
However, you need to be on the legacy build system to see your changes reflected. There is a known issue with caching development Pods and XCode 10.
Feel free to add additional input/output examples to the example project, especially if you add any new functionality.
Also, be sure to run the unit/UI tests locally as part of the devQA process.
Thanks goes to these wonderful people (emoji key):