introduce

WangEditor5 – Open source Web rich text editor, out of the box, easy to configure. 2022.04.11 This issue is official release V5.

  • The document
  • demo
  • Source code (welcome to click a star ~)

Why do I persist in wangEditor

I have been working as wangEditor since 2015. Over the years, I have upgraded from V1 to the current V5. From doing it myself, I now have other helpers.

It started out as a personal interest, a personal exercise, and then I started to see some problems: Rich text editors are tools that we use all the time, but you look at what’s available around you

  • Or the technology is old, like UEditor kindEditor
  • Or a foreign English document such as CKEditor tinyMCE Quill – ignore this if your English is good
  • Or a lot of secondary development, like the proseMirror SLATE

Identify problems, solve problems, this is to create value. Therefore, the core motivation for me to persist in wangEditor is to realize this value: I want to make a domestic open source Web rich text editor with good experience.

Although it has been open source for so many years, I firmly believe: valuable things will eventually be realized!

What did you do this year

Rich text editor is one of the projects with the highest front-end complexity. As an excellent product, it requires long-term design, research and development and iteration, and the construction period is calculated annually. (Doesn’t seem to match the fast-paced “live next month” world.)

So a year of wangEditor5 development isn’t really that long. And of course it takes a lot of energy

  • 4W + line of source code
  • 750+ commits
  • Solve the 300 + issues

Several important milestones:

  • In April, 2021.04, I started research, and finally chose Slate. js (but did not rely on React) to make a demo
  • 2021.05 Determine the technical solution juejin.cn/post/696806…
  • 2021.07 Complete Basic Functions juejin.cn/post/698730…
  • 2021.10 Open beta juejin.cn/post/701697…
  • 2022.04 This release is official

Contents of the wangEditor5 upgrade

(This was covered in a previous open beta blog and won’t be repeated here.)

From open beta to official release

In order to get stable functions that meet users’ expectations, I arranged a half-year public test cycle. Some problems were indeed discovered and corrected during this period

  • Support input and output HTML format, refer to documentation
  • Paste optimization can recognize basic HTML format, no longer just paste plain text
  • Commonly used third-party plug-ins, reference documentation — also demonstrates the wangEditor5 extension’s capabilities
  • refactoringVue componentsTo supportv-model; refactoringThe React componentsTo supportvalue onChange(Controlled components)
  • New feature: upload video + todo todo
  • Refactor the Demo site to show more examples
  • Improve unit testing with 70% test coverage

It was not until recently that the public beta was stable that the official version was released and everyone could rest assured to use it.

WangEditor5 r&d member

The following are the main members of V5’s development team (there are also some members who submit less code, which is not listed here)

  • Fupeng Wang, author of wangEditor, senior front-end engineer, PMP, formerly worked for Baidu and Didi
  • Genius is one percent inspiration and ninety-nine percent perspiration
  • TGuoW
  • Liu Qinghua (hot) – love, young
  • haha

Those interested in joining the r&d team can refer here.

At the end

You can submit an issue on Github if you have questions or suggestions