Insertion de texte dans la zone de texte au niveau du curseur

Question

J'ai une zone de texte dans la page aspx dans laquelle l'utilisateur saisit du texte. Maintenant, lorsque l'utilisateur clique sur un bouton appelé "Sin" la zone de texte devrait afficher "Sin []" et le curseur doit être placé entre parenthèses. Comme suit "Sin [< curseur ici>]" Maintenant, lorsque l'utilisateur clique sur un autre bouton dites "Cos" le texte de la zone de texte doit afficher "Sin [Cos []]" et le curseur doit être placé entre les parenthèses de Cos comme suit: "Sin [Cos [< curseur ici>]]".

Comment cela est-il géré? Tout simple code s'il vous plaît ..

Merci à l'avance

Answer 1

J'espère que vous utilisez jquery.

<asp:TextBox id="txt" runat="server" /> 
<input type="button" id="sinBtn" value="Sin" tag="Sin[<cursor here>]" /> 
<input type="button" id="cosBtn" value="Cos" tag="Cos[<cursor here>]" /> 
//also you can generate the two buttons with server controls 

Voici le javascript:

$(document).ready(function(){ 
    $('input[tag]').click(function(){ 
     var theText = $('#<%= txt.ClientID %>'); 
     theText.txt(theText.txt().replace('<cursor here>',this.tag); 
    }) 
}); 

Si vous ne disposez pas d'une méthode String.replace, étendre un prototype utilisant.

Answer 2

Je pense que cela ne devrait pas être difficile avec jQuery. Regardez ces liens:

1. jQuery Tutorial
2. inserting-a-text-where-cursor-is-using-javascript-jquery
3. 10-jquery-and-non-jquery-javascript-rich-text-editors