phodit

Phodal's markdown/ebook editor with MicroFrontend & Web Components

Phodit

a personal markdown editor with electron for Phodal

Screenshots

Screenshots

Features

  • support for git markdown project
  • Terminal integration
  • tree navigator
  • fullscreen support
  • preview markdown
  • code highlight support
  • search by: Google, Baidu, WIKI, Zhihu, Github
  • Phodal’s blog relative search

Tech Stack

  • Stencil.js + Web Components -> Terminal Header
  • SimpleMDE + CodeMirror -> Editor
  • React.js -> TreeView
  • xterm -> Terminal
  • marked -> Markdown Parser
  • highlight.js -> Code Highlight
  • lunr -> search engine
  • Angular -> Rename box
  • Reveal.js -> Slide

Goal

  • 一键发布到各个平台的自动化脚本
  • 支持微信公众号编辑器

技术细节

  • 国际化支持
  • WebComponents 内建
  • 微前端架构
  • Web Worker

Setup

requirements: pandoc, node.js

Submodule

git submodule init
git submodule update
yarn install 
yarn build:app

setup nodejieba in Windows

Components

Name Path Stacks
editor ./editor SimpleMDE
header ./component/header Stencil.js
interact ./component/interact Angular
tree-view ./component/tree-view React

Setup && build

yarn install
yarn build

License

Phodal's Idea

© 2018 A Phodal Huang’s Idea. This code is distributed under the MIT license. See LICENSE in this directory.