1

tengo una página con 3 div en contenteditable:

<div class="herra">
    <div title="Negreta"><b style="font-size: 2em;">N</b></div
    <div title="Cursiva"><i style="font-size: 2em;">K</i></div
    <div title="Subratllar"><u style="font-size: 2em;">S</u></div>
</div>
<div class="text" contenteditable="true" id="txt1"></div>
<div class="text" contenteditable="true" id="txt2"></div>
<div class="text" contenteditable="true" id="txt3"></div>
<script>
    $($('.herra div')[0]).click(function() {document.execCommand('bold', false, null);});
</script>

Lo que quiero conseguir es poner el texto seleccionado del div que esté escribiendo en negrita, he probado con document.execCommand('bold', false, null); pero no me funciona.

Uso jquery. Gracias de antemano.

1
  • 2
    Puedes hacer un snippet de codigo con un ejemplo HTML y con el JS que haria la negrita? En la consola te salen fallos?
    – lois6b
    Commented el 1 sept. 2017 a las 11:43

1 respuesta 1

2

Mira a ver si te sirve esto, al seleccionar un texto y pulsar en el botón se pone negrita:

var negrita = document.getElementById("negrita");
negrita.addEventListener("click", function() { bold(); });

function bold() {
    document.execCommand('bold',false,null);
}
<button href="#" id="negrita">Negrita</button> 
<div class="text" contenteditable="true" id="txt1">Texto1</div>
<div class="text" contenteditable="true" id="txt2">Texto2</div>
<div class="text" contenteditable="true" id="txt3">Texto3</div>

7
  • Funciona! hehe parece que lo diferente con lo que pueda tener él,. es el tercer parametro, que tú tienes true- Puedes enlazar documentacion o explicar qué es ese parametro? Otra posibilidad es que el autor no tenga bien hecho el evento de click y por eso no pase nada xD
    – lois6b
    Commented el 1 sept. 2017 a las 12:05
  • Por lo que he visto cuando vas a utilizar "bold", el tercer parámetro no afecta, se puede poner un null o "" sin ningún problema. (stackoverflow.com/documentation/javascript/1613/…)
    – Aitor
    Commented el 1 sept. 2017 a las 12:19
  • Entonces su problema debe estar en el evento. Por eso le pido que añada el snippet, para ver como lo tiene montado.
    – lois6b
    Commented el 1 sept. 2017 a las 12:20
  • Edito el código para que ese parámetro no cree confusión.
    – Aitor
    Commented el 1 sept. 2017 a las 12:22
  • Ya he puesto mi snipped
    – gerardet46
    Commented el 1 sept. 2017 a las 13:55

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.