implement simple editable content

[toh82]

This story is about making simple elements editable via the contentEditable attribute, if you don't know it check MDN Content Editable.

The magic has to happen in web/public/src/js/app/views/dynamicElement.js where it should check if the template is editable (model has editable:true) and if so, put everywhere the attribute type is direct the contentEditable attribute on it's wrapping HTML.

Example

taken from resources/templates/container/two-column/config.json

        "title": {
            "value": "foobar",
            "type": "direct"
        }

Workflow

• [x] Claim this issue
• [ ] Extend the toolbar with edit and save buttons
• [ ] Extend the dynamicElement view with check for editable
• [ ] Extend the dynamicElement view with function to modify the rendered template
• [ ] Implement field model property binding (save functionallity)
• [ ] Run npm test to make sure your code is standard

[toh82]

Content editing has to be a bit more complex, we need two-way​ binding so consider using http://nytimes.github.io/backbone.stickit/