Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to implement Google doc like text editor? [closed]

I opened a google doc, it seems that the google doc is not a simple text area .... it seems that this is a customize stuff.... is there any library for doing that kind of things?

like image 462
Tattat Avatar asked Dec 05 '10 13:12

Tattat


People also ask

How is Google Doc implemented?

However, google docs specifically does not use contentEditable. Instead, they implemented their own rendering engine in JavaScript. Unless you plan a project on the scale of google docs (i.e. you have at least, say, 3 people willing to work full-time on the rendering engine), contentEditable is the way to go.

Can Google Docs be used as a text editor?

On your computer, open a document in Google Docs. To select a word, double-click it or use your cursor to select the text you want to change. Start editing. To undo or redo an action, at the top, click Undo.

Can you lock a Google Doc for editing?

The good news is that Google Drive lets you lock down your files, so that nobody can copy, download or print them without your permission. You can also prevent unauthorized people from editing your work.

How do you put Google Docs into editor mode?

On your computer, open a document at docs.google.com. on the toolbar, choose an option: At the top right, click Editing.


1 Answers

Most editors use the contentEditable property. Simply setting it on any HTML element enables editing, copy&paste, spell checking, formatting etc. in modern user agents.

However, google docs specifically does not use contentEditable. Instead, they implemented their own rendering engine in JavaScript. Unless you plan a project on the scale of google docs (i.e. you have at least, say, 3 people willing to work full-time on the rendering engine), contentEditable is the way to go.

like image 83
phihag Avatar answered Sep 23 '22 11:09

phihag