Articles of contenteditable

Conserver au moins un élément P dans contenteditable

J’ai un contenteditable avec un élément intérieur comme suit dummy content here !!!!! Lorsque je clique sur retour arrière sur le clavier jusqu’à ce que tout le texte soit supprimé, si je clique à nouveau sur le retour arrière, l’élément est également supprimé! Dans mon cas, j’aimerais conserver au moins un élément $(document).on(‘keydown’, ‘[contenteditable=true]’, function(e){ […]

Coller balise de fermeture sans générer une balise p d’ouverture dans contenteditable

J’ai un div contenteditable: Je veux que de nouveaux paragraphes se forment lorsque j’appuie sur la touche Entrée. Pour cela, j’intercepte la touche Entrée et remplace l’action par défaut par l’insertion d’un code html: $(“.content”).on(“keydown”,function(e){if(e.which == 13) { e.preventDefault(); pasteHtmlAtCaret(“”);}}); J’espérais que lorsque j’appuierais sur ENTER, le fermerait le paragraphe existant et en ouvrirait un […]

Comment puis-je taper à l’intérieur du div content contentEditable?

Comment taper à l’intérieur d’une div contentEditable en dehors d’une div contentEditable enfant sans conserver la classe de l’enfant et sans remplacer contenueditable par false VIOLON meatball Devrait être ceci: meatball spaghetti Pas ça: meatball spaghetti

Comment afficher une div de suggestion automatique près de la position du curseur dans une div éditable

J’ai une div à contenu modifiable et j’essaie de montrer une suggestion automatique proche de ma position de curseur lorsque je tape un caractère. Je cherche quelque chose comme ça .. mais le code ci-dessous ne fonctionne pas var editor = document.getElementById(‘myDiv’); var t=$(editor).offset().top; var l=$(editor).offset().left; var caretPosition = getCaretPosition(editor); var autoSuggestionDiv = document.getElementById(‘divResult’); autoSuggestionDiv.style.top […]

jquery – consolide les éléments DOM empilés

J’ai HTML qui a été formaté via un div contenteditable. Je veux le rendre plus concis, HTML moderne. Je peux facilement remplacer les balises b, strong, em, font, etc., et les remplacer par des étendues, mais le résultat produit des éléments “empilés”. Par exemple, je pourrais avoir: some text Et je veux voir: some text […]

Contenteditable entrer le comportement

J’ai la configuration contenteditable comme ci-dessous: JSFIDDLE Good Awesome Dans cette configuration, il y a deux contenteditble contentble dans un autre. À l’intérieur de inner division inner , il y a un bot span. Lorsque vous appuyez sur enter en dehors de cette classe de bot (cas 1 ou 2 dans jsfiddle) , il crée […]

Utiliser un élément éditable pour le contenu?

Est-il possible d’introduire un menu de sélection avec un atsortingbut contenteditable ? Le suivant: a deviendrait une option de sélection une fois que contenteditable est activé: a b c

HTML, CSS, JS – Div pouvant faire l’object de contentieux et ayant un contenu principal permanent

J’ai un div contenteditable , quelque chose comme: Ce que je voudrais, c’est placer un autre div (ou span, non éditable) au début de #text , où l’utilisateur ne peut pas insérer de texte avant, ni même déplacer le curseur. J’ai essayé des variantes de: This is some leader Vous pouvez voir une version en […]

Firefox – Comment obtenir le texte sélectionné en utilisant un double clic

J’ai créé un div contentEditable avec une portion de texte et un lien. Double-cliquez sur le lien pour sélectionner le texte du lien. This is a text and This_is_a_link Ensuite, appeler document.getSelection (). GetRangeAt (0) .startContainer renverra le div: // => Au lieu du lien. Je ne peux pas trouver un moyen de trouver quelle […]

jQuery UI sortable & contenteditable = true ne fonctionne pas ensemble

Je crée une liste et je veux que son article puisse être sortingé et édité. Donc je le fais comme ça: A B C $(“#ul_list”).sortable(); http://jsfiddle.net/7jzVa/ Mais si j’utilise jquery ui sortable, alors mon élément de liste perd le focus pour l’édition et c’est pourquoi je ne suis pas en mesure de les éditer. Alors […]