MarkdownView is a WKWebView based UI element, and internally use markdown-it, highlight-js.
import MarkdownView
let md = MarkdownView()
md.load(markdown: "# Hello World!")
import SwiftUI
import MarkdownView
struct SampleUI: View {
var body: some View {
ScrollView {
MarkdownUI(body: markdown)
.onTouchLink { link in
print(link)
return false
}
.onRendered { height in
print(height)
}
}
}
private var markdown: String {
let path = Bundle.main.path(forResource: "sample", ofType: "md")!
let url = URL(fileURLWithPath: path)
return try! String(contentsOf: url, encoding: String.Encoding.utf8)
}
}
md.isScrollEnabled = false
// called when rendering finished
md.onRendered = { [weak self] height in
self?.mdViewHeight.constant = height
self?.view.setNeedsLayout()
}
// called when user touch link
md.onTouchLink = { [weak self] request in
guard let url = request.url else { return false }
if url.scheme == "file" {
return false
} else if url.scheme == "https" {
let safari = SFSafariViewController(url: url)
self?.navigationController?.pushViewController(safari, animated: true)
return false
} else {
return false
}
}
This is not stable 🙇
Please check Example/ViewController/CustomCss.swift.
Please check Example/ViewController/Plugins.swift. Each plugin should be self-contained, with no external dependent plugins.
Here is a sample project that builds markdown-it-new-katex
as a compatible library.
Target | Version |
---|---|
iOS | => 13.0 |
Swift | => 5.2 |
MarkdownView is available through Swift Package Manager or CocoaPods or Carthage.
dependencies: [
.package(url: "https://github.com/keitaoouchi/MarkdownView.git", from: "1.7.1")
]
Alternatively, you can add the package directly via Xcode.
pod "MarkdownView"
github "keitaoouchi/MarkdownView"
for detail, please follow the Carthage Instruction
keita.oouchi, [email protected]
bootstrap is licensed under MIT license.
highlight.js is licensed under BSD-3-Clause license.
markdown-it is licensed under MIT license.
MarkdownView is available under the MIT license. See the LICENSE file for more info.