Type Directly into a Table Cell

[ScriptUser]

Hi all, I am trying to create a page that simulates a WYSIWG using CSS, Javascript, and HTML5. Essentially the user of this particular page can drag and drop HTML elements onto the page then modify them. I was able to drag and drop a table onto the page by dragging a table icon (which I've created) onto the page. However, I am not able to type directly into the table cell using javascript even after adding an eventlisten. Please suggest a solution if you have done something similar to what I am attempting. Thanks in advance.

[niche]

How does the relevant part of your code read?

[Ingolme]

Every element has a contentEditable property which you can manipulate with Javascript.

 

I haven't worked with it a lot, myself, but here's a page discussing it: http://stackoverflow.com/questions/20830353/how-to-make-html-content-editable-with-javascript-jquery

[ScriptUser]

Hi all and thank you for your reply. Thank you Foxy for your suggestion, I will do a research into the contentEditable property.