This original implementation of designMode and contentEditable ended up being reverse engineered by developers at Mozilla. Today, we can find rich text editors in tools we frequent daily like Slack, Discord, GitHub, Google Docs, and Reddit - just to name a few.Īccording to Simple Thread’s Nick Agliano, “The first browser-based WYSIWYG editors became possible because Internet Explorer decided to implement designMode and contentEditable, which gave users a way to edit rich text in the browser. However, with the advent of the internet and browser-based applications, rich text editors have evolved in design and purpose. Initially, people primarily used text editors for word processing via tools such as Microsoft Word and its predecessors. Majority of rich text editors are also WYSIWYG (What You See Is What You Get) editors, which means users can see the rich content as they’re typing. Rich text editors provide an interface which allows users to add and and format content, text, images, links, and other components on the page without writing any code. This text can be edited by the user.įast forward to a few years later, and I’ve found the perfect solution: an open source tool that enables developers to build a rich text editor in 5 minutes. Although it did the job, I was a little disappointed because rich text editors provide more customization. Unfortunately, with my limited experience, the least time-consuming solution I could find was adding the HTML attribute contenteditable to a div.
What is a text editor coding code#
There’s not a lot of time to pursue personal projects when you’re learning to code in just a matter of weeks.
If you’re not familiar with the coding bootcamp experience, here’s the one thing you should know: You have to move quickly. When I was learning to code in my coding bootcamp, I wanted to build a rich text editor.
0 kommentar(er)
