id	summary	reporter	owner	description	type	status	priority	milestone	component	version	resolution	keywords	cc
11252	Widget with complex structure allow editing of widgets' editables (if those are divs)	Matti Järvinen		"If widget editables are not direct descendants of widget root element, it is possible to edit/delete elements' editables with CreateDiv context menu options. Deleting results in loss of editable element and its content is moved into editables parent element.

In example below with CreateDiv context menu you could remove content-left and content-right columns. Moving content from those divs to their parent divs (col-xs-12).

Juicy parts of an widget definition:

{{{
allowedContent: 'div(!row);'+
            'div(!col-xs-12,col-sm-6,col-sm-3,col-sm-9);'+
            'div(!content-text,content-left,content-right);',

// Minimum HTML which is required by this widget to work.
requiredContent: 'div(!row);div(!col-xs-12);div(!content-left);div(!content-right);',


// Define two nested editable areas.
editables: {												
            contentLeft: {
              selector: '.content-left'
            },
            contentRight: {
              selector: '.content-right'
            }
},
// Define the template of a new widget.
template: '<div class=""row"">' +					
            '<div class=""col-xs-12 col-sm-6"">' +
              '<div class=""content-text content-left"">' +
                '<h2>Title 1</h2>' + 
                '<p>Some text</p>' +						
              '</div>' +
            '</div>' +
            '<div class=""col-xs-12 col-sm-6"">' +
              '<div class=""content-text content-right"">' +
                '<h2>Title 2</h2>' + 
                '<p>Some text</p>' +						
              '</div>' +
            '</div>' +					
          '</div>',
}}}"	Bug	confirmed	Normal		UI : Widgets	4.3			jhubert@…