0
こんにちは皆さんはdiv内のテキストを編集できるjsの関数を作成しようとしています。ここでの私の見解だ：divのテキストをユーザーが変更できるようにする
@endsection
<div onload="InitEditable();" id="content-link2"></div>
@show
ここでのdivのid = "コンテンツリンク2" の内側にロードされた私のHTMLファイル::
<!DOCTYPE html>
<html>
<head>
<title>Template 1</title>
<link href="http://localhost/fyproject/public/templates/css.css" rel="stylesheet" type="text/css">
</head>
<body class="pink">
<div contenteditable="true" id="content" class="draggable ui-widget-content pink"><p>hello</p></div>
<div id="comments">
<form name="forma">
<textarea name="commentUser" id="commentUser" cols="40" rows="5">
Comments here...
</textarea><br>
<input type="submit" value="Ready!" onClick="writeComment(e);" />
</div>
</form>
</body>
</html>
JSです::
var editorDoc;
function InitEditable() {
var editor = document.getElementsById('content-link2');
editorDoc = editor.contentWindow.document;
var editorBody = editorDoc.div;
// turn off spellcheck
if ('spellcheck' in editorBody) { // Firefox
editorBody.spellcheck = false;
}
if ('contentEditable' in editorBody) {
// allow contentEditable
editorBody.contentEditable = true;
}
else { // Firefox earlier than version 3
if ('designMode' in editorDoc) {
// turn on designMode
editorDoc.designMode = "on";
}
}
}
私は、プロセスを説明します。顧客がdiv内にhtmlファイルをロードするイメージをクリックします。私は、ユーザーがHTMLファイルであるdiv要素の周りを移動することができ、今私はあなたがcontenteditableをしようとしないのはなぜ顧客がそのdiv要素
**関連コード**の[最小限の完全で検証可能な]（http://stackoverflow.com/help/mcve）の例を提供する必要があります。今はあまりにも多くのコードを含んでおり、「div内のテキストを編集する」部分に絞っていません。 –
が完了しました。私はこれだけが必要だと思う、私は何を編集することができるべきかを示すhtmlを含んでいると思う。 –
'document'の' div'のようなプロパティはないので、 'document.getElementsByTagName（ 'div'）[0 ] 'ページ内の最初のdivにアクセスしたい場合、またはjQueryを使用する場合' $（ 'div'）[0] ' – jcubic