phodal / Phodit
Licence: mit
Phodal's markdown/ebook editor with MicroFrontend & Web Components
Stars: ✭ 301
Programming Languages
typescript
32286 projects
Projects that are alternatives of or similar to Phodit
React Md Editor
A simple markdown editor with preview, implemented with React.js and TypeScript.
Stars: ✭ 374 (+24.25%)
Mutual labels: markdown, editor, markdown-editor
Thiefmd
The markdown editor worth stealing. Inspired by Ulysses, based on code from Quilter
Stars: ✭ 48 (-84.05%)
Mutual labels: markdown, editor, markdown-editor
For Editor
for-editor - A markdown editor based on React
Stars: ✭ 358 (+18.94%)
Mutual labels: markdown, editor, markdown-editor
Pervane
Plain text file based note taking and knowledge base building tool, markdown editor, simple browser IDE.
Stars: ✭ 159 (-47.18%)
Mutual labels: markdown, editor, markdown-editor
Pine
A modern, native macOS markdown editor
Stars: ✭ 2,818 (+836.21%)
Mutual labels: markdown, editor, markdown-editor
Hypermd
A WYSIWYG Markdown Editor for browsers. Break the Wall between writing and previewing.
Stars: ✭ 1,258 (+317.94%)
Mutual labels: markdown, editor, markdown-editor
Stackedit.js
Add StackEdit to any website
Stars: ✭ 724 (+140.53%)
Mutual labels: markdown, editor, markdown-editor
Editor.md
The open source embeddable online markdown editor (component).
Stars: ✭ 11,741 (+3800.66%)
Mutual labels: markdown, editor, markdown-editor
Retext
ReText: Simple but powerful editor for Markdown and reStructuredText
Stars: ✭ 1,500 (+398.34%)
Mutual labels: markdown, editor, markdown-editor
Markor
Text editor - Notes & ToDo (for Android) - Markdown, todo.txt, plaintext, math, ..
Stars: ✭ 1,394 (+363.12%)
Mutual labels: markdown, editor, markdown-editor
Md
✍ 一款高度简洁的微信 Markdown 编辑器:支持 Markdown 所有基础语法、色盘取色、一键复制并粘贴到公众号后台、多图上传、一键下载文档、自定义 CSS 样式、一键重置等特性
Stars: ✭ 2,242 (+644.85%)
Mutual labels: markdown, editor, markdown-editor
Vue Markdown Editor
A markdown editor built on Vue
Stars: ✭ 169 (-43.85%)
Mutual labels: markdown, editor
Python Markdown Editor
Standalone editor for your markdown files
Stars: ✭ 164 (-45.51%)
Mutual labels: markdown, editor
Markdown
📖Clean & Modern MarkDown Generator, 🔌Offline Support and Easy Generation of Markdown ⚡️⚛️ https://github.com/JP1016/Markdown-Electron/releases
Stars: ✭ 170 (-43.52%)
Mutual labels: markdown, markdown-editor
Markdown Edit
online markdown editor/viewer
Stars: ✭ 188 (-37.54%)
Mutual labels: markdown, markdown-editor
Tui.editor
🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.
Stars: ✭ 14,016 (+4556.48%)
Mutual labels: markdown, editor
Abricotine
Markdown editor with inline preview
Stars: ✭ 2,308 (+666.78%)
Mutual labels: markdown, markdown-editor
Vditor
♏ 一款浏览器端的 Markdown 编辑器,支持所见即所得(富文本)、即时渲染(类似 Typora)和分屏预览模式。An In-browser Markdown editor, support WYSIWYG (Rich Text), Instant Rendering (Typora-like) and Split View modes.
Stars: ✭ 3,773 (+1153.49%)
Mutual labels: markdown, editor
Mindforger Repository
MindForger documentation repository.
Stars: ✭ 221 (-26.58%)
Mutual labels: markdown, markdown-editor
Phodit - 私人定制的 Markdown 编辑器
一个基于 Electron 的私人定制的 Markdown 编辑器
Screenshots
Features
- 标题折叠
- 支持所见所得模式
- 编写时图片
- 语法高亮
- 集成 Terminal
- markdown 实时预览
- 工程管理
- 支持使用 Git 来编写 markdown 项目
- 支持全屏
- 语法高亮
- 编辑器主题切换
- 导出支持(pdf、docx)
- 右键选择搜索: Google, Baidu, WIKI, Zhihu, Github
phodal.com 相关文章搜索(通过 "《"开始搜索)- 微信公众号排版支持
- 支持 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
- lunr -> search engine
- 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
FAQ
Node.js issues
Question:
App threw an error during load
Error: The module '/Users/phodal/repractise/phodit/node_modules/nodejieba/build/Release/nodejieba.node'
was compiled against a different Node.js version using
NODE_MODULE_VERSION 57. This version of Node.js requires
NODE_MODULE_VERSION 64. Please try re-compiling or re-installing
the module (for instance, using `npm rebuild` or `npm install`).
at process.module.(anonymous function) [as dlopen] (ELECTRON_ASAR.js:160:31)
at Object.Module._extensions..node (internal/modules/cjs/loader.js:722:18)
at Object.module.(anonymous function) [as .node] (ELECTRON_ASAR.js:160:31)
at Module.load (internal/modules/cjs/loader.js:602:32)
at tryModuleLoad (internal/modules/cjs/loader.js:541:12)
at Function.Module._load (internal/modules/cjs/loader.js:533:3)
at Module.require (internal/modules/cjs/loader.js:640:17)
at require (internal/modules/cjs/helpers.js:20:18)
at Object.<anonymous> (/Users/phodal/repractise/phodit/node_modules/nodejieba/index.js:1:172)
at Object.<anonymous> (/Users/phodal/repractise/phodit/node_modules/nodejieba/index.js:58:3)
Solution: electron-rebuild
Run:
./node_modules/.bin/electron-rebuild -p -t "dev,prod,optional"
License
© 2018~2021 A Phodal Huang's Idea. This code is distributed under the MIT license. See LICENSE
in this directory.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].