CKEditor 5: the best open source Markdown editor

首先注明: 标题是CKSource说的, 他们之前认为自家的CKEditor 5配得起the best open source Markdown editor;

其实CKEditor 5离这个目标还远着呢.


GitHub - mingong/tiny.electron: A simple constrained-rich-text editor. Electron + TinyMCE.

当初的标题为: A simple constrained-rich-text and markdown editor. Electron + TinyMCE.

是包含markdown的, 使用的markdown解析器为 GitHub - showdownjs/showdown: A bidirectional Markdown to HTML to Markdown converter written in Javascript, 个人觉得showdown还算不上优秀, 而且在wysiwyg 的app 里加上左markdown右预览的界面好像也不太合适, 就干脆删除了与markdown相关的部分.

至于像CKEditor 5这样简单粗暴的markdown解决方案, 个人也是鄙视的; 不过呢, CKEditor 5架子都建设好了, 剩下的事情就简单了; 嗯, 厚道不厚道, 是不是the best open source Markdown editor, 好像也不再重要了.


正文:

About

A simple constrained-rich-text editor. Electron + CKEditor.

ckeditor electron (Formerly mark-pad)

A simple constrained-rich-text editor using Electron, and CKEditor 5. Runs on Windows, macOS, Linux, and Chrome OS (via Crostini).

Forked and expanded on from mingong/tiny-electron.

Screenshot

screenshot.png

Features

  • Open and save files as markdown (MD).
  • View to edit the document as rich-text.
  • Rich-text is constrained. Only headings, bold, italics, To-do lists, strikethrough, bulleted lists, numbered lists, links, block quotes, code, tables, images, and horizontal lines are included. All other styling( e.g. font size, font color, spacing, alignment, etc.) is automatically filtered.
  • Rich-text is displayed with a fixed appearance. Modifiable via stylesheet (or in preferences in the future).
  • Partial support for live conversion of markdown into rich-text in rich-text editing mode. For example, typing # Header title will make an H1 header and typing **This text is bold.** will give bolded text. This feature does not currently work for links, tables, or images (use the formatting buttons, or keyboard shorcuts instead for these). Also includes live conversions for en (–) and em dashes (—).
  • Editing and formatting keyboard shortcuts in rich-text mode (e.g., ctrl+o = open, ctrl+v = paste, ctrl+t = strikethrough, etc.).
  • Find and replace functionality in the rich-text view.

Bugs

All the bugs! Editor is experimental and not for production use at this time. Markdown support is especially buggy.

installation

To install dependencies and run:

npm install

npm start

To build executables:

yarn dist

To install as an application, run the appropriate executable (e.g., .exe, .deb) in the dist folder after building.

Related

GitHub - mingong/ckeditor-electron: A simple constrained-rich-text editor. Electron + CKEditor.

Releases · mingong/ckeditor-electron · GitHub

安装包60m 左右, app 190m左右.

Similar rich-text editors:

我好像也發過同樣的帖子…總之我在實際使用時,ckeditor5並不比4好用。跟輸入法配合的不好,甚至無法打字…

npm,打咩
需要安装就已经够烦了 还要网络安装 还要依赖环境

怎么讲呢, ckeditor4代表的是历史, 而ckeditor5 代表的是未来吧;

至于ckeditor5 下的输入法配合, 汉语肯定不算好, 不过也不至于用不了.

Releases · mingong/ckeditor-electron · GitHub

这里有已生成好的安装包, 就是不知您是否可访问而已.

實測如此,我用ckeditor5,gcin輸入法,linux系統,結果只要打一個字,那個字就消失。

在linux 桌面使用汉语的用户太少了, 这个问题ckeditor5 应该根本就不知道.

本楼预留.