So I have this app with a rather elaborate view hierarchy. For some reason when I present a sheet on top of the Markdown text then dismiss it the markdown text disappears but everything is else is still there.

I've tried to present a sheet in a vanilla standalone project and it works fine there. So not sure exactly what triggers this behaviour in my project. But all other UI elements works fine, it's only the markdown view that disappears.

Any idea why this could happen? Something with the states of the view not re-rendering somehow?

This is a strange issue that started occurring to me recently. I made a test app to demonstrate it at https://github.com/antonjazz/MarkdownTest If you look at the MainView.swift file along with its SwiftUI Preview, you'll see the markdown renders fine. But in the Simulator it never appears at all. I'm using Xcode 12.5.1.

Any ideas?

I notice that when I have nested lists, I get extra spacing when end I end a sublist. Here's an example of markdown and the MarkDownUI rendering below it, using all standard settings:

Also, I would love to be able to separate all list items slightly (vertically) from each other without increasing the spacing within a multi-line item… but can't figure out how to do that. Any ideas? Thanks!

just like the screenshot

and the markedown text is:

#"""
        作者：[@jedz](https://www.v2ex.com/u/jedz)，节点：[#程序员](https://www.v2ex.com/go/programmer) ，31回复，发布时间：2021-04-13 18:54:26

        日经问题：笔记软件的选择。。。

        用了好多年 OneNote，不过碍于以下几个问题现在想弃坑了：

        1. 字体问题，下英文字体动不动变成 calibri，很不爽。（用了 [OneFont]( [https://lxf.me/116](https://lxf.me/116)) 基本解决问题）

        2. 对插入代码的支持很差，不支持高亮，而且有时复制出来时会有奇怪的字符，导致粘贴后不能直接运行。

        3. 如果在页面中创建了多个框，则不能自适应宽度，然后移动端上就要拖来拖去才能看。

        4. 无本地文件（ UWP 和 Mac 版）。

        然后最近试用了一周 Notion，总体感觉还不错，目前遇到两个问题比较影响体验（也可能是我不会用，求指点
"""#

I found the static let paragraphSeparator = "\u{2029}" caused this bug, if I set it to empty by static let paragraphSeparator = "", it looks ok

but loose the paragraph's line height between

If I try to render the following in a Markdown view, my app hangs:

![alt text](image.jpg)

This was originally part of a large block of markdown our QA threw at the app, and I whittled it down to this single line.

Note that there is no actual image image.jpg anywhere, but I wouldn't expect malformed markdown to crash/hang the app. This will be displaying arbitrary markdown that the user inputs as a message so I have little control over it.

Additional info:

I have done some more narrowing down of this issue and found that when placed in a simple view, the markdown above works (doesn't display anything, but doesn't hang the app either). But if I embed the view into, say, a TabView, then the app hangs.

I am attaching a sample project with 3 tabs: 2 dummy tabs, and one containing the markdown snippet above. The app hangs on launch trying to render the view w/ markdown.

MarkdownUITest.zip

In addition, here's the relevant view code which triggers the issue:

struct ContentView: View {
    @Binding var selected: Int
    var body: some View {
        TabView(selection: $selected) {
            // Home View
            Text("Home")
            .tabItem {
                Image(systemName: "house")
            }

            // Browse View
            Text("Browse")
                .tabItem {
                    Image(systemName: "folder")
            }

            // Notifications View
           MarkdownTestView()
            .tabItem {
                Image(systemName: "bell")
            }
        }
    }
}

struct MarkdownTestView: View {
    var body: some View {
        Markdown("![alt text](image.jpg)")
    }
}

I'm playing around with the release-1.0 branch, thanks for al the great work on that. I understand that this is still pre-release, so what I am looking for might not be implemented, or not possible at this point.

I am using a custom font in my project like this.

Markdown(content)
    .markdownStyle(MarkdownStyle(
        font: MarkdownStyle.Font.custom("MyCustomFont", size: 16.0),
        foregroundColor: MarkdownStyle.Color(uiColor: R.color.primaryColor()!)
))

However, now bold and italic text is rendered in this font as well. Is there a way to specify a different variant of my font for bold/italic?

Right now, the default implementation is to open a browser on the phone, how can one change this to open an in app browser ?

Any help appreciated. Thank you

This pkg is very helpful for me , thank you ! A bit issue when i render a html tag document , how can i fix it? document = #""" <h2></2> <img src="https://octodex.github.com/images/stormtroopocat.jpg" alt=""/> """#

Hi,

I have a use case in my app where I need to extract the NSAttributedString from markdown text. I wanted to use the parser included in MarkdownUI as I think it performs better than others out there. However, I'm struggling to understand why images aren't working properly. It was my understanding that they were included in the NSAttributedString as NSTextAttachments.

Below is a simple test to highlight the issue. Is there any way you could shed some light on this?

Many thanks again!

import SwiftUI
import MarkdownUI
import AttributedText

#if os(macOS)
public typealias PlatformFont = NSFont
#else
public typealias PlatformFont = UIFont
#endif

struct ContentView: View {
    
    var text = """
    # Let's see if this works
    
    Image should appear here:
    ![image](https://endlessicons.com/wp-content/uploads/2012/11/apple-icon.png)
    """
    
    let markdownStyle = MarkdownStyle(font: PlatformFont.system(size: 12))
    
    var body: some View {
        VStack{
            
            AttributedText(NSAttributedString(document: Document(text), style: markdownStyle))
            
            Markdown(Document(text)).markdownStyle(markdownStyle)
                
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

I'm trying to use custom fonts but can't get it to work. It always renders a system default font (Helvetica). I've tried the following solutions so far:

Markdown(viewModel.text).markdownStyle(
    MarkdownStyle(
        font: MarkdownStyle.Font.custom("CustomFont-Bold", size: 16.0)
    )
)

Markdown(viewModel.text).markdownStyle(
    MarkdownStyle(
        font: MarkdownStyle.Font.custom("CustomFont", size: 16.0)
    )
)

Markdown(viewModel.text)
    .font(.custom("CustomFont", size: 16.0).bold())

Markdown(viewModel.text)
    .font(.custom("CustomFont-Bold", size: 16.0))

For me MarkdownUI is not rendering line breaks correctly. A single line break is ignored and the text is displayed in one line. Double line breaks are looking fine.

How can I handle this?

I have a Markdown view in my project and would like to switch to an editing mode when you click on it, but onTapGesture is not getting called when I click on the rendered view. Is there another way of achieving this?

About

Warning This pull request is still a work in progress.

This pull request contains a rewrite of the library that brings the following features:

• GitHub Flavored Markdown (autolinks, strikethrough text, task lists, and tables)
• Native SwiftUI rendering
• Themes and full customization of inlines and blocks

Breaking changes

• MarkdownUI now requires macOS 12+, iOS 15+, tvOS 15+ and watchOS 8+
• MarkdownUI now uses SwiftUI primitives to render Markdown and no longer depends on gonzalezreal/AttributedText.
• MarkdownUI brings a new DSL to create Markdown content and no longer depends on gonzalezreal/SwiftCommonMark.
• MarkdownStyle and all of its subtypes are no longer available. Use the new Theme API to customize the Markdown appearance.
• MarkdownImageHandler is no longer available. Use the new ImageProvider API to customize the image loading behavior.

Status

Markdown rendering and styling:

• [x] Inline text
• [x] Images
• [x] Paragraphs
• [x] Blockquotes
• [x] Task lists
• [x] Lists
• [x] Code blocks
• [x] Tables
• [x] Headings
• [x] Thematic breaks

Other stuff:

• [x] Theme support
• [x] DocC theme
• [x] GitHub theme
• [x] Sample code
• [x] watchOS support
• [x] Heading anchors
• [x] API to integrate a code syntax highlighter
• [x] API to integrate other image loading systems
• [ ] Documentation

With MarkdownUI present on a form and a default button present, e.g.

        Button(action: {
           someAction() 
        }, label: {
            Text("Ok")
            }
        )
        .keyboardShortcut(.defaultAction)

When the form is displayed, the default button does not have focus of the .defaultAction key binding (i.e. the Enter key). Pressing the default action once does nothing. pressing it again activates the button.

It would pre preferred if the Markdown content did not steal the focus. This issue is not present on forms with no MarkdownUI view.

Hi,

First of all, thanks very much for the great library!

WatchOS support would be very helpful for us - do you have any plans to support WatchOS in the near future?

Thanks, Adam

Setup

• iOS 15.5
• iPhone 12

SwiftUI view:

struct FaqView: View {

    let faq: Faq
    let navigationBarCtaType: SettingsNavigationCTAType
    private let style = AppStyles.Settings()
    @State private var expandedIds: Set<String> = Set()

    func expanded(id: String) -> Binding<Bool> {
        Binding(get: { expandedIds.contains(id) },
                set: {
            if $0 {
                expandedIds.insert(id)
            } else {
                expandedIds.remove(id)
            }
        })
    }

    var body: some View {
        List {
            ForEach(faq.content) { section in
                DisclosureGroup(isExpanded: expanded(id: section.id)) {
                    ForEach(section.questions) { question in
                        DisclosureGroup(isExpanded: expanded(id: question.id)) {
                            VStack { // Hoped this would help but it doesn't
                                Markdown(question.answer)
                            }
                        } label: {
                            Text(question.title)
                        }
                    }
                } label: {
                    Text(section.title)
                }
            }
        }
        .listStyle(.plain)
    }
}

By default, all disclosure groups are not expanded.

Mardown:

# Alors

## Dites

### moi 

**Bold me**

*Ça geht's mol ?*

> Quote me [Link me](https://google.com) ![George]

(https://framapiaf.s3.framasoft.org/framapiaf/accounts/avatars/000/056/593/original/3dc8059101ae9d9e.jpg)

Long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long line.

Scenario

• navigate to this view
• expand first level (section)
• expand second level (question)

Result

Expected

Comments

When closing then expanding again, the display is correct.