Develop custom Javascript html editor

Question

I want to develop a custom javascript html editor. My starting point was: http://hypertextarea.sourceforge.net/

I understood how the mechanism works but the problem is that I cannot find the point where if I focus the iframe I have the cursor displayed.

Then if I press a key I see the letter entered there. Can you please explain me how this javascript shows the editor cursor and how it write in the iframe the characters that I write?

All javascript used by this editor is at http://hypertextarea.sourceforge.net/javascript/HyperTextArea.js

David Tang · Accepted Answer · 2011-06-23 14:31:39Z

1

It is handled by the function enableDesignMode (line 755), which tries to turn on designMode for the <iframe>.

In other words, this is a browser feature and you can make an HTML page editable with nothing more than a single line of JS (or a single HTML attribute), but the library provides other niceties like the ability to format text and insert tables.

edited Jun 23, 2011 at 14:31

answered Jun 23, 2011 at 14:25

David Tang

93.8k32 gold badges169 silver badges149 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Raoul · Accepted Answer · 2011-06-23 14:11:20Z

0

Depending on exactly what you want: onKeyPress and onFocus

answered Jun 23, 2011 at 14:11

Raoul

3,9293 gold badges26 silver badges30 bronze badges

2 Comments

Radu D Over a year ago

this editor generates me an iframe that has no function attached to this events. That's why I have no idee how it works.

Raoul Over a year ago

This isn't what you asked for. You said "Can you please give me the javascript function that runs when I press a key or when I focus the iframe?" Create a standard input field, you'll note that it too has a cursor which blinks.

Collectives™ on Stack Overflow

Develop custom Javascript html editor

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest