Effects (Gif)

  • Click me to view

The warehouse address

  • Github.com/cdk8s/cdk8s…
  • Gitee.com/cdk8s/cdk8s…

background

In the programmer world, if you get used to using Git, writing articles is definitely Markdown.

In recent days, I started to play the wechat public account again. The most unbearable thing is the editor, which is very inefficient. Although wechat now provides a template function, it is too expensive to maintain multiple content for programmers who prefer multi-platform Posting.

The status quo

Know the mainstream editors in the market at present:

  • 135 editor
  • One companion
  • Show m
  • The little ants

The verdict: None of it is what I want.

All of these editors are promotion-oriented gameplay types, too fancy. Better template is also basic fees, so can only give up.

shift

After a few Google searches, we found that wechat editor can directly copy HTML code blocks, which provides us with more possibilities.

Since conventional and mainstream gameplay wasn’t enough, I took a different approach: continued Markdown writing and borrowed a converter to convert

I started searching for a new keyword: React Markdown component

luck

In the process of searching, I came across: Markdown-nice

Markdown editor to support custom style support wechat public number typeset support Zhihu, rare earth digging gold, blog park and CSDN and a series of platform content and custom style browser real-time preservation can be submitted in the tool to support the upload of pictures, footnotes, formulasCopy the code

Because of antD, it looks very simple, but therefore very large, but that’s acceptable.

demand

After studying several themes provided by the author, I found that they were aesthetically different from each other. I couldn’t bear it, so I forked out a copy and began to make large adjustments.

Added a CDK8S theme change the default theme to CDK8S change the default color to atomOneLight Add switch 'IS_STYLE_READ_CACHE_OPEN' The default theme reads from localStorage change the map bed upload interface Change to a private service API to remove the update popup from the first loadCopy the code

Because the KEYWORD CDK8S is unique, so we can refer to my way to customize their own needs.

Thank you

  • Thanks for zhning12 children’s shoes
  • Thank you for markdown – nice