html contentEditable document.execCommand cambiar la opacidad seleccionada

cualquiera trabajó con cambio de opacidad en el contenido editable seleccionado.

Intenté con lo siguiente:

document.execCommand('foreColor', false, 'rgba(0,0,0,0.5)'); // with rgba document.execCommand('foreColor', false, '80000000'); // with alpha hex 

ninguno funciono pero puedo cambiar el color fácilmente con:

 document.execCommand('foreColor', false, '000000'); 

¿Puede alguien ayudarme a cambiar la opacidad con document.execCommand?

Actualizar

En la búsqueda adicional descubrió:

document.execCommand ‘foreColor’ agrega etiqueta de fuente a la seleccionada con el color dado. Pero lamentablemente el atributo de color de no es compatible con HTML5.

¿Ese es el problema? ¿Cuál es su alternativa?

Tendrá que usar el comando styleWithCSS , que especifica si el formato execCommand debe generar el formato CSS o HTML en el documento.

Consulte las especificaciones aquí: https://dvcs.w3.org/hg/editing/raw-file/tip/editing.html#the-stylewithcss-command .

Entonces, en este caso, pase true para usar el estilo CSS en lugar de generar la etiqueta de font .

Retazo:

 function setColor() { document.execCommand('styleWithCSS', false, true); document.execCommand('foreColor', false, "rgba(0,0,0,0.5)"); } 
 

this is some text