Je peux sélectionner le texte en utilisant window.getSelection() Comment puis-je obtenir la position du caractère du début et de la fin de la sélection dans le code HTML? Donc, cette information peut être sauvegardée sur le serveur.Enregistrer la position du texte en surbrillance en HTML en utilisant javascript
Répondre
Je pense qu'il n'y a pas de fonctions intégrées pour obtenir la position de début et de fin du code de sélection. vous devez écrire un codage JS pour obtenir ces positions. J'ai écrit juste un code simple. Je ne suis pas sûr que ce soit utile ou non. Mais, regarde ça.
<html>
<head>
<script>
function GetSelectedText()
{
var fullString = "I feel there is no built-in functions for getting start and end position of selection code. you need to write some JS coding for getting these position. I've wrote just simple coding. I'm not sure whether it will be useful or not. But, check it out.";
if (window.getSelection)
{
var range = window.getSelection();
var startPosition = fullString.search(range);
var getPosition = range.toString();
var endPosition = parseInt(getPosition.length) + parseInt(startPosition)
alert ("Start position : " + startPosition + " and End position : " + endPosition);
}
else
{
if (document.selection.createRange)
{
var range = document.selection.createRange();
var startPosition = fullString.search(range.text);
var getPosition = range.text;
var endPosition = parseInt(getPosition.length) + parseInt(startPosition);
alert ("Start position : " + startPosition + " and End position : " + endPosition);
}
}
}
</script>
</head>
<body>
<button onclick="GetSelectedText()">
Get
</button>
I feel there is no built-in functions for getting start and end position of selection code. you need to write some JS coding for getting these position. I've wrote just simple coding. I'm not sure whether it will be useful or not. But, check it out.
</body>
</html>
Pour ce codage, vous devez définir votre message texte à deux endroits. La première consiste à coder en JS
var fullString = "??"
et un autre est au message ci-dessous du corps de bouton/
Je pense que le plus court chemin serait d'utiliser la fonction String.indexOf() de javascript. Il retourne simplement l'index de départ de la chaîne recherchée dans la chaîne la plus grande et -1 s'il n'est pas présent. L'index de fin peut être calculé en ajoutant la longueur de la sous-chaîne avec l'index de départ.
qu'en est-il du texte en double? si l'utilisateur sélectionne "the", la première occurrence de indexOf pourrait ne pas être le mot sélectionné? – Rana
Vous ne pouvez pas obtenir de manière fiable le décalage de la sélection de l'utilisateur en termes de source HTML d'origine du document. Vous ne pouvez l'obtenir qu'en termes de nœuds et de décalages dans les nœuds. Je vous recommande de regarder la réponse suivante à une question similaire: Calculating text selection offsets in nest elements in Javascript
- 1. modifier le texte du lien en HTML en utilisant JavaScript
- 2. Enregistrer le tableau HTML en CSV en utilisant Javascript
- 3. Position du cadre en JavaScript
- 4. Changer la couleur d'une partie du texte en utilisant javascript?
- 5. Mise en surbrillance du texte mis en surbrillance dans la recherche incrémentale JS
- 6. Zone de texte HTML, texte de mise en surbrillance automatique
- 7. Le texte n'est pas mis en surbrillance lors de la recherche dans UIWebView en utilisant javascript
- 8. position texte en haut à côté de l'image en html
- 9. Comment remplacer du texte en utilisant JavaScript?
- 10. Convertir du HTML en texte brut en utilisant C++
- 11. Obtenir du texte LinkButton en utilisant javascript
- 12. Comment mettre en surbrillance div en utilisant javascript ou jquery
- 13. Enregistrer la partie sélectionnée de la page Web en tant que fichier texte en utilisant Javascript
- 14. Effacer la page HTML en utilisant JavaScript
- 15. Mesurer la taille du texte en JavaScript
- 16. VS 2010 Texte en surbrillance en surbrillance à l'aide du raccourci clavier?
- 17. Mettez en surbrillance tout le texte à l'intérieur du champ de texte en un seul clic
- 18. Emacs mise en surbrillance en mode texte
- 19. obtenir la largeur actuelle du formulaire html en utilisant javascript
- 20. Supprimer la ligne du tableau HTML en utilisant le Javascript
- 21. Comment enregistrer du texte dans un div en utilisant JavaScript onmouseout
- 22. javascript sélection de l'utilisateur en surbrillance
- 23. Comment transformer des caractères accentués en HTML en utilisant Javascript?
- 24. conversion html en texte en utilisant le langage python
- 25. Conversion du texte en html
- 26. Transformer le menu texte en liens HTML en JavaScript
- 27. Css Html JavaScript - Navigation Mettez en surbrillance actuellement sélectionné Menu
- 28. Faire défiler jusqu'à une position de texte en Javascript
- 29. recherche du texte dans un autre texte et le mettre en évidence en utilisant javascript
- 30. position en javascript
J'ai 0 pour les deux position de départ et de fin – Rana
Désolé. J'ai corrigé quelques bugs et édité au dessus du codage. Dun oublie de suivre mes instructions. – ppshein
c'est un bon début. – Rana