phodit

Phodit - Private Custom Markdown Editor

A private, custom Markdown editor based on Electron

Screenshots

Features

• Title folding
• Support what you see and what you get
• Pictures when writing
• Syntax highlighting
• Integrated Terminal
• markdown live preview
• Engineering Management
• Supports the use of Git to write markdown projects
• Support full screen
• Syntax highlighting
• Editor theme switching
• Export support (pdf, docx)
• Right-click to select Search: Google, Baidu, WIKI, Zhihu, Github
• WeChat official account typesetting support
• Support Slide writing (by reveal.js)
• .md and .markdown files are associated with open

Tech Stack

Phodit is an Electron application developed using a micro front-end architecture :

• React.js -> TreeView
• Angular -> Rename box
• Stencil.js + Web Components -> Terminal Header

The corresponding technology stacks are:

• SimpleMDE + CodeMirror -> Editor
• xterm -> Terminal
• marked -> Markdown Parser
• highlight.js -> Code Highlight
• Reveal.js -> Slide

Setup

requirements: node.js

Submodule

 git submodule init
git submodule update

 npm install --python=python2.7

 yarn install 
yarn build:app

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

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