1. Accueil
  2. Question et réponse
  3. Modification d'un texte Div à la position du clic

Modification d'un texte Div à la position du clic

2010-06-10 3 views
3

J'ai un DIV qui contient du texte. Quand un utilisateur clique sur du contenu dans la DIV, je veux lui permettre d'éditer le contenu à ce poste.Modification d'un texte Div à la position du clic

<div id='Note'> 
Lorem ipsum dolor sit amet, consectetur adipisicing elit, <br /> 
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <br /> 
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip <br /> 
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse <br /> 
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, <br /> 
sunt in culpa qui officia deserunt mollit anim id est laborum.<br /> 
</div>

Source

2010-06-10 sonofdelphi

Répondre

4

contenteditable fera dans IE 5.5+, Firefox 3.0+, Safari 1.3+, Opera 9+, Chrome:

<div id="Note" contenteditable="true"> 
Lorem ipsum dolor sit amet, consectetur adipisicing elit, <br /> 
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <br /> 
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip <br /> 
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse <br /> 
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, <br /> 
sunt in culpa qui officia deserunt mollit anim id est laborum.<br /> 
</div>

Source

2010-06-10 08:10:12

+0

Je suis en mesure d'ajouter des choses, merci ... mais alors des choses comme retour arrière et supprimer ne semblent pas fonctionner. – sonofdelphi

+0

Vraiment? Fonctionne bien pour moi. Dans quel navigateur? –

+0

ont signalé cela comme un bug pour Firefox. Bogue 571776 et 571694. – sonofdelphi

0

Vous pouvez utiliser l'élément <textarea>. Ensuite, vous pouvez modifier le texte à l'intérieur à n'importe quelle position.

Source

2010-06-10 07:38:21 Kate

+0

Je suis d'accord avec Kate, qui ferait beaucoup de sens. En outre, comment autorisez-vous l'utilisateur à modifier un contenu DIV, sauf si vous le convertissez en une zone de texte. Peut-être pourriez-vous élaborer un peu sur ce que vous essayez d'accomplir? Il y a généralement plus d'une façon de faire les choses. – Raine

+0

Je fais un éditeur de notes basé sur JavaScript (memonaut). J'essaie d'obtenir un effet similaire à Google Notebook, où vous pouvez cliquer sur une note pour l'éditer. Le curseur se déplace là où l'utilisateur a cliqué. – sonofdelphi

+0

Cat set