Preseleccionar una opción de selección de rasgos

Hola @artf, gracias por tu respuesta. A continuación está cómo creé el rasgo extendiendo el modelo de texto para el componente de encabezado. 
El problema no es la sincronización. El problema es que, cuando añado layouts completos al lienzo, que incluyen etiquetas h2 o h3 (o cualquier otra), y hago clic en ellas, el tipo de selección en la configuración (rasgos) siempre se queda en "Titular 1", ya que es la primera opción en seleccionar y no hay posibilidad de asignar a ninguna de las opciones select el atributo 'seleccionado'. 

var txtType = domComps.getType('text');
	var txtModel = txtType.model;
	var txtView = txtType.view;
	domComps.addType('head', {
	
model: txtModel.extend({
			defaults: Object.assign({}, txtModel.prototype.defaults, {
				etiquetaNombre: 'h1',
				Rasgos: [
					{
						tipo: 'select',
						etiqueta: 'Tipo',
						Nombre: 'tipo cabezal',
						cambioProp: 1,
						Opciones: [
							{valor: 'h1', nombre: 'Titular 1'},
							{valor: 'h2', nombre: 'Titular 2'},
							{valor: 'h3', nombre: 'Titular 3'},
							{valor: 'h4', nombre: 'Titular 4'},
							{valor: 'h5', nombre: 'Titular 5'},
							{valor: 'h6', nombre: 'Titular 6'},
						]
					},
					'título'
				]
			}),

init: function() {
				this.listenTo(this, 'change:header-type', this.updElem);
			},

updElem: function() {
				var newElem = $('<div />').append($('<'+this.changed['type-encabezado']+' />').append(this.view.el.innerText));
				this.view.model.set('content',newElem.html());
				this.view.el.innerHTML = newElem.html();
				this.attributes.tagName = this.changed['header-type'];
				editor.store();
			}
		},
		{
			isComponent: function(el) {
				si (el.tagName == 'h1' || el.tagName == 'h2' || el.tagName == 'h3' || el.tagName == 'h4' || el.tagName == 'h5' || el.tagName == 'h6') {
					return {type: 'head'};
				}
			},
		}),

ver: txtView,
	});

Por razones de usabilidad sería mejor mostrar la configuración actual allí; para etiquetas h2 lógicamente 'Titular 2'. 
A continuación te explico cómo lo he solucionado por ahora. Busqué el select usando jQuery. Sin embargo, eso no funciona en cuanto los rasgos de un componente incluyen varios campos de selección diferentes, porque el nombre del rasgo (o cualquier otra referencia posible) no forma parte de la salida html en forma de nombres o atributos de clase, por lo que hay mucha posibilidad de referenciar el selecto correcto. Más adelante sería mucho mejor hacerlo 'de forma nativa', ya que definitivamente es la solución más limpia.

Editor.on('component:selected', function(arg) {
		si (arg[1].get('traits').where({name: 'header-type'}).length > 0) {
			var tagName = arg[1].attributes.tagName;

setTimeout(función () {
				$('div.gjs-trt-trait select').val(etiquetaNombre);
			}, 0);
		}
	});