2016-05-30 7 views
0

のJavaScriptのcontentEditable attibuteを追加することはできませんJavaScriptが

<body> 
 
    <div id="yq_editor_content" style=" width: 100%; height: 100%; -webkit-overflow-scrolling: touch; overflow: hidden; background-color:lightblue;" contenteditable="true"> 
 
    </div> 
 
    <div id="yq_editor_footer"></div> 
 
</body>

しかし、私は、JavaScriptの機能を実行した後、私が取得します私はあなたがこのような何かをしたいと思い

image

+0

あなたが喜ばコードを正しくフォーマットすることができますか? – brk

+0

'contenteditable =" false "は不要なので無視されます。 – Aloso

+0

@Aloso、しかし私はそれが必要です。属性を追加しない場合、 "img"は "imageClick"という関数を実行できません。 –

答えて

0

:以下のようにdivが、何のcontenteditableを持っていないことをHTML? https://jsfiddle.net/_jserodio/ywe48rwy/

のJavaScript、CSSとHTML


 

 
var insertImage = function(src, alt) { 
 
    var img = '<img ' + 'src="'+src+'" alt="'+alt+'"/>'; 
 
    document.querySelector('#yq_editor_content').innerHTML += img; 
 
}; 
 

 
document.querySelector('#insert').addEventListener("click", function() { 
 
    insertImage('http://cdn.sstatic.net/Sites/stackoverflow/img/favicon.ico', 'so'); 
 
}, false);
#insert { 
 
    width: 25px; 
 
    heigth: 25px; 
 
    cursor: pointer; 
 
}
<div id="yq_editor_content" style=" width: 100%; height: 100%; -webkit-overflow-scrolling: touch; overflow: hidden; background-color:lightblue;" contenteditable="true"> 
 
    Hello, try to edit this! 
 
</div> 
 
<div id="yq_editor_footer"> 
 
    <img id ='insert' src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/256/Actions-insert-image-icon.png" alt="insert image icon"> 
 
</div>

+0

I can'あなたのやり方では常に「div」やその他のタグを追加しないでください。 –

+0

あなたはこれに尋ねました:_But JavaScript関数を実行した後、divにcontenteditable、a​​s_がないHTMLを取得し、 'div'にこのcontenteditableが含まれているコードを提供しました。あなたは何を求めていますか?私はあなたをよく理解していなかったと思います、残念です。 –

+0

申し訳ありませんが、私の英語は弱いです。私はTextEditorを作成したいのですが、ボタンをクリックすると、TextEditorに画像を挿入できます。私はイメージの応答 "imageClick"機能が必要です。しかし、私が挿入したタグには "contenteditable"属性がないので、 "imageClick"関数に返すことはできません。そして私はたくさんの画像を挿入したいと思っています。 –