835961 - Should be able to add new elements with the inspector.

Status: RESOLVED DUPLICATE of bug 895561

(DevTools :: General, defect)

Description

[Michael Cooper [:mythmon]]

We can edit elements from the inspector, and delete elements, but we cannot add new elements. This would be useful. Maybe the UI could be something like right clicking on an existing element, and having the option to either add a new element as a child or as a sibling of that element.

Alternatively, we could do what Chrome does. It allows you to edit an element as plain text. When you do this, you can type another element's tag, and when you save a new element will be in the DOM. Currently we can only edit the tag name, the attribute, and the text of the text content of the element, and the text content is escaped, so if `<em>bold</em>` is typed, it is escaped to "&gt;em&lt;bold&gt;/em&lt;".

Comment 1

[Paul Rouget [:paul]]

Related to bug 835964 and bug 839640. We need to rethink how we parse user's input.

Comment 2

[Brian Grinstead [:bgrins]]

We can now add children and sibling elements using the "Edit as HTML" feature (Introduced in 27).