CODEWITHSUNDEEP
jquerycontenteditable
user2368299
user2368299

Reputation: 369

append image tag into contenteditable div with jQuery

i have div with smiles and contenteditable div:

<div id="smiles">
    <img src="/img/smile/acute.gif">
    <img src="/img/smile/aggressive.gif">
    <img src="/img/smile/bad.gif">
    <img src="/img/smile/biggrin.gif">
    <img src="/img/smile/blum1.gif">
    <img src="/img/smile/blush.gif">
    <img src="/img/smile/boredom.gif">
    <img src="/img/smile/bye.gif">
    <img src="/img/smile/clapping.gif">
    <img src="/img/smile/congratulate.gif">
    <img src="/img/smile/cool.gif">
    <img src="/img/smile/cray.gif">
    <img src="/img/smile/dance.gif">
    <img src="/img/smile/dance2.gif">
</div>
<div contenteditable="false" unselectable="true" style="disabled:true" id="message_text">
    <img src="/img/smile/boredom.gif">
</div>

and jQuery code:

    $("#smiles").on('click', 'img', function () {
        if ($('#message_text').prop("contentEditable")) {
            $('#message_text').append($(this).clone()).focus();
        }
    });

also i'm trying

if ($('#message_text').attr("contentEditable"))

i want append smile if div is contentEditable but IF doesn't work

Upvotes: 1

Views: 728

Answers (1)

Rituraj ratan
Rituraj ratan

Reputation: 10378

  $("#smiles img").click(function(){
    if ($('#message_text').attr("contentEditable")=="false")
{
       $('#message_text').append($(this));

        }
  });

Upvotes: 1

Related Questions