Skip to content

Latest commit

 

History

13 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Text editor implemented from scratch using HTML5 Canvas API

All drawing is done using the methods of a CanvasRenderingContext2D object.

Common features of the text editors are implemented:

  • Cursor movement using arrow keys and mouse.

  • Copy and paste text.

    When text is pasted, text editor window is automatically scrolled to make the cursor visible.

  • Text selection using mouse.

    Text selection can be deleted or replaced with some other text.

  • Text deletion using Delete and Backspace keys.

  • Vertical and horizontal scrollbars.

How to try

Clone the repository and open index.html in your browser. Try to type some text in the editor window.

Watch a demo

About

A text editor with a UI built on top of an HTML5 canvas. All standard text editor features such as the cursor, selection, and scrollbars are implemented from scratch using graphics primitives provided by the Canvas 2D rendering context.

Topics

Resources

Stars

0 stars

Watchers

1 watching

Forks

Contributors

Languages