validacion - validar formulario javascript html5

Identifique si el texto seleccionado en una página web es negrita o no

Question

Estoy tratando de identificar si un texto seleccionado (en Firefox) es negrita o no? Por ejemplo:

<p>Some <b>text is typed</b> here</p>
<p>Some <span style="font-weight: bold">more text is typed</span> here</p>

El usuario puede seleccionar una parte de texto en negrita o el texto completo en negrita. Esto es lo que estoy tratando de hacer:

function isSelectedBold(){
var r = window.getSelection().getRangeAt(0);
// then what?
}

¿Me podría ayudar?

Gracias
Srikanth

Answer 1

Si la selección está dentro de un elemento o documento editable, esto es simple:

function selectionIsBold() {
var isBold = false;
if (document.queryCommandState) {
isBold = document.queryCommandState("bold");
}
return isBold;
}

De lo contrario, es un poco más complicado: en los navegadores que no sean IE, deberá hacer que el documento sea editable temporalmente:

function selectionIsBold() {
var range, isBold = false;
if (window.getSelection) {
var sel = window.getSelection();
if (sel && sel.getRangeAt && sel.rangeCount) {
range = sel.getRangeAt(0);
document.designMode = "on";
sel.removeAllRanges();
sel.addRange(range);
}
}
if (document.queryCommandState) {
isBold = document.queryCommandState("bold");
}
if (document.designMode == "on") {
document.designMode = "off";
}
return isBold;
}