Los cambios personalizados en HTML del DOM se reflejan al guardar cambios en la base de datos

He creado una nueva opción en la barra de herramientas llamada text-align usando el siguiente código

'''js const rteStudio = studio. RichTextEditor; rteStudio.add('text-align', { icon: "<select id="textAlignSelector" clase="gjs-field lm select">" + "<valor de opción=''>Seleccionar alineación</option>" + "<valor de opción="izquierda">Izquierda</option>" + "<valor de opción="centro">Centro</option> " + "<valor de opción="derecho">Correcto</option>" + "</select>", atributos: { título: 'Text Align'}, evento: 'cambio', result: (rteStudio, acción) => { var val = action.btn.firstChild.value; var fontTag = ""; if(action.btn.className && (action.btn.className.indexOf("gjs-rte-active") < 0)) { action.btn.className += " ".concat("gjs-rte-active"); } var el = rteStudio.getCurrentEl(); si (el & & val != "" ) { depurador; if(el.tagName == "SPAN") { el = el.parentNode; } el.style.textAlign = val; rteStudio.syncActions(); } rteStudio.insertHTML(etiquetaFont) } });

Para que el código anterior funcionara, añadí la siguiente función al archivo 'grapes.js':

'''js
{
	clave: "getCurrentEl",
	value: function getCurrentEl(value) {
		var lastNode;
		var doc = this.doc;
		var sel = doc.getSelection();

if (sel && sel.rangeCount) {
			var node = doc.createElement('div');
			var range = sel.getRangeAt(0);
			return range.commonAncestorContainer.parentNode;
		}
		else {
			return null;
		}
	}
}

Debido al código anterior, mis cambios en el editor en la interfaz de usuario se refieren a: ! alineación-texto-feature-demo

Estoy recibiendo HTML del editor usando el siguiente código:

'''js studio.runCommand('gjs-get-inlined-html')

Ahora, el problema es que, en el HTML que se obtiene usando el comando anterior, no veo que mis cambios de formato se hagan usando el código anterior. 

Por favor, ayudadme a solucionar este problema. Por eso, no puedo guardar los cambios realizados usando la función _text-align_ en la base de datos