Light

phodal / phodit Goto Github PK

View Code? Open in Web Editor NEW

334.0 334.0 25.0 7.12 MB

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

Home Page: https://www.phodit.com/

License: MIT License

HTML 8.68% TypeScript 51.68% CSS 25.69% JavaScript 13.95%

editor electron markdown markdown-editor phodit

phodit's Introduction

Phodit - 私人定制的 Markdown 编辑器

一个基于 Electron 的私人定制的 Markdown 编辑器

Screenshots

Features

标题折叠
支持所见所得模式
编写时图片
语法高亮
集成 Terminal
markdown 实时预览
工程管理
支持使用 Git 来编写 markdown 项目
支持全屏
语法高亮
编辑器主题切换
导出支持（pdf、docx）
右键选择搜索: Google, Baidu, WIKI, Zhihu, Github
微信公众号排版支持
支持 Slide 编写(by reveal.js)
.md 和 .markdown 文件关联打开

Tech Stack

Phodit 是一个使用微前端架构开发的 Electron 应用：

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

相应的技术栈有：

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.

phodit's People

Contributors

Stargazers

Watchers

phodit's Issues

无法启动：Cannot find module '../../assets/data/output.json'

按照Readme操作，编译之后启动，报了一下错误

Uncaught Exception:
Error: Cannot find module '../../assets/data/output.json'
    at Module._resolveFilename (module.js:543:15)
    at Function.Module._resolveFilename

Mac安装后如何启动？

Error: Cannot find module '../../assets/data/output.json'

OS X 里yarn start遇到个问题

App threw an error during load
Error: Cannot find module '../../assets/data/output.json'
    at Module._resolveFilename (internal/modules/cjs/loader.js:584:15)
    at Function.Module._resolveFilename (/Users/chaowang/source/js/phodit/node_modules/electron/dist/Electron.app/Contents/Resources/electron.asar/common/reset-search-paths.js:43:12)
    at Function.Module._load (internal/modules/cjs/loader.js:510:25)
    at Module.require (internal/modules/cjs/loader.js:640:17)
    at require (internal/modules/cjs/helpers.js:20:18)
    at Object.<anonymous> (/Users/chaowang/source/js/phodit/dist/native/main.js:18:22)
    at Object.<anonymous> (/Users/chaowang/source/js/phodit/dist/native/main.js:339:3)
    at Module._compile (internal/modules/cjs/loader.js:693:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:704:10)
    at Module.load (internal/modules/cjs/loader.js:602:32)

中文纠错

https://github.com/shibing624/pycorrector

Migration MDE

问题：现有的 SimpleMDE 已经不维护了

潜在的库：https://github.com/Ionaru/easy-markdown-editor

Can't open release v1.1.0 on Mac monterey

Just can't open the app after download and install on release page.

Some details if needed:

-	Details
Version	v1.1.0
OS	Mac monterey
Screenshot	https://user-images.githubusercontent.com/11695765/144751219-e60b3444-8018-481a-ae1c-a4534c44426d.png

4K screen support

屏保或定时休息提醒

求 phodit 的 Windows 版本

芬达有空能不能弄个 WIndows 版本，穷学生用不起Mac.....

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.