Mover el cursor de editor contenteditable

[Lynxcraft]

Buenas estoy creado un editor dinámico mediante el atributo contenteditable
el caso es que estoy utilizando etiquetas especiales las cuales no se deven poder seleccionar por ejemplo

Este es el código de inicio

Código HTML:

<div  cfx-editor-type="text" cfx-editor-name="lab3" cfx-editor-placeholder="1 NOCHE" contenteditable="true"></div>
 

Con javascript compruebo que si el div esta vacío crea una etiqueta
<placeholder></placeholder>
utilizando el atributo cfx-editor-placeholder

ejemplo

Código HTML:

<div  cfx-editor-type="text" cfx-editor-name="lab3" cfx-editor-placeholder="1 NOCHE" contenteditable="true"><placeholder>1 NOCHE</placeholder></div>
 

Aquí viene el problema con firefox al aplicar estilo css sobra para que me desplace el cursor al inicio del div y así pueda empezar a editar pero en chrome no lo respeta
y coloca el cursor dentro de la etiqueta placeholder

Código CSS:

placeholder{ opacity:0.5; 
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select:none;
    user-select: none;
}
 

He intentado utilizar document.createRange para desplazar el cursor pero me hace cosas raras ademas en chrome sigue colocándolo dentro de placeholder.
La verdad es que me interesa poder desplazar el cursor a la posición que desee ya que dentro abran mas etiquetas especiales las cuales no se debería poder editar escribiendo sobre ellas

No se si podrán ayudarme o por lo menos orientarme XD Saludos