La programmation contenteditable

20

Je veux exécuter une fonction lorsqu'un utilisateur modifie le contenu d'un attribut divwith contenteditable. Quel est l'équivalent d'un onchangeévénement? J'utilise jQuery donc toutes les solutions qui utilisent jQuery sont préférées. Merci!

359 javascript jquery html contenteditable

10

Comment définir la position du curseur (curseur) dans l'élément contenteditable (div)?

J'ai ce HTML simple comme exemple: <div id="editable" contenteditable="true"> text text text<br> text text text<br> text text text<br> </div> <button id="button">focus</button> Je veux une chose simple - lorsque je clique sur le bouton, je veux placer le curseur (curseur) à un endroit spécifique dans le div modifiable. De la recherche …

191 javascript jquery contenteditable caret cursor-position

8

Définir la position du curseur sur le contenuEditable <div>

Je suis à la recherche d'une solution définitive et multi-navigateurs pour définir la position du curseur / curseur sur la dernière position connue lorsqu'un contentEditable = 'on' <div> reprend le focus. Il semble que la fonctionnalité par défaut d'un contenu div modifiable consiste à déplacer le curseur / curseur au …

142 javascript jquery html contenteditable cursor-position

22

Empêcher l'ajout de contenu modifiable <div> sur ENTER - Chrome

J'ai un contenteditableélément, et chaque fois que je tape des trucs et frappe, ENTERcela crée un nouveau<div> texte et y place le nouveau texte de ligne. Je n'aime pas ça du tout. Est-il possible d'empêcher cela ou du moins de le remplacer par un <br>? Voici la démo http://jsfiddle.net/jDvau/ Remarque: …

131 javascript jquery google-chrome html contenteditable

7

React.js: événement onChange pour contentEditable

Comment écouter un événement de changement pour un contentEditablecontrôle basé sur? var Number = React.createClass({ render: function() { return <div> <span contentEditable={true} onChange={this.onChange}> {this.state.value} </span> = {this.state.value} </div>; }, onChange: function(v) { // Doesn't fire :( console.log('changed', v); }, getInitialState: function() { return {value: '123'} } }); React.renderComponent(<Number />, document.body); …

120 javascript dom contenteditable reactjs

6

Sélectionner par programme du texte dans un élément HTML modifiable par le contenu?

En JavaScript, il est possible de sélectionner par programme du texte dans un élément inputou textarea. Vous pouvez focaliser une entrée avec ipt.focus(), puis sélectionner son contenu avec ipt.select(). Vous pouvez même sélectionner une plage spécifique avec ipt.setSelectionRange(from,to). Ma question est la suivante: y a-t-il un moyen de le faire …

119 javascript selection contenteditable

10

Obtenir le contenu Position de l'index caret modifiable

Je trouve des tonnes de bonnes réponses crossbrowser sur la façon de définir la position de l'index du curseur ou du curseur dans un contentEditableélément, mais aucune sur la façon d'obtenir ou de trouver son index ... Ce que je veux faire, c'est connaître l'index du curseur dans cette div, …

119 javascript contenteditable caret cursor-position

4

contenteditable, placez le curseur à la fin du texte (cross-browser)

sortie dans Chrome : <div id="content" contenteditable="true" style="border:1px solid #000;width:500px;height:40px;"> hey <div>what's up?</div> <div> <button id="insert_caret"></button> Je crois qu'en FF, cela ressemblerait à ceci: hey <br /> what's up? et dans IE : hey <p>what's up?</p> Malheureusement, il n'y a pas de moyen agréable de faire en sorte que chaque …

111 javascript html cross-browser contenteditable caret

2

Comment supprimer la bordure autour d'un pré-contenu modifiable ciblé?

Lorsque je définis un élément pré sur contenteditable et que je mets le focus dessus pour l'édition, il reçoit une bordure en pointillé autour de lui qui n'a pas l'air très agréable. La frontière n'est pas là quand le focus est ailleurs. Comment supprimer cette bordure? Merci

96 javascript jquery contenteditable

Questions marquées «contenteditable»