How can i add a parse in codeblock or replace a custom block on preview?

lofidev · March 21, 2022, 3:20am

Hello, I am developing a plugin that is similar to mermaid or the graphql parse when a code block is created.

```CustomParse

```

What I am looking for is to add it natively and that I can change the block in the preview or if not create something custom like this

<block>
</block>

I’m writing it here because I’ve been testing for a long time but I can’t find the right way to capture the text and move only the block I want.

Do you know if this functionality already exists to be used or must be created from scratch?

craftzdog · March 21, 2022, 5:19am

Hi lofidev,

Thanks for the question.
You can define a custom codeblock language just like Marmaid plugin does:

github.com

inkdropapp/inkdrop-mermaid/blob/master/lib/index.js#L128

    
      
                themeVariables: JSON.parse(
                  inkdrop.config.get('mermaid.themeVariables') || '{}'
                )
              })
            }
          
          
  this.subs = inkdrop.config.observe('mermaid.theme', initMermaid)
            initMermaid()
          
          
  if (markdownRenderer) {
              markdownRenderer.remarkCodeComponents.mermaid = Mermaid
            }
          },
          
          
deactivate() {
            this.subs.dispose()
          
          
  if (markdownRenderer) {
              markdownRenderer.remarkCodeComponents.mermaid = null
            }
          }

API reference:

Hope that helps.

lofidev · March 21, 2022, 3:55pm

Really thankful. I was able to complete my functionality.

craftzdog · March 22, 2022, 2:48am

Yeah, and cool to see your plugin!

json-to-go - A way to parse json to go struct

Thanks