Écrire à l'intérieur de la zone de texte avec le Javascript

Je suis en train d'écrire quelque chose dans la zone de texte lorsque je clique sur un lien.

function writeText(txt){
    document.getElementById("writeArea").innerHTML = txt;
}

Je voudrais passer balise html à la place de txt en paramètre à cette fonction, de sorte que je peux obtenir de l'image, lien, etc à l'intérieur de la zone de texte. Est-il possible en Javascript? || JQuery sera bon?
Pré-grâce.

Votre fonction répond à votre exigence. Vous pouvez utiliser simple chaîne de caractères ou des balises html comme une chaîne de caractères dans la variable txt. jQuery en interne utilise le même mécanisme que vous avez utilisé ici.

OriginalL'auteur zdcobran | 2010-12-03

  1. 3

    Si vous voulez rendre un peu d'images et d'ancrage des étiquettes sur l'écran, puis ne pas utiliser un textarea. L'utilisation de tout autre conteneur comme <div>, <span>, <p> etc.

    $("#yourelementid").html(yourtext);

    permet de mettre le texte (dans votre cas, HTML) à l'intérieur de l'élément avec l'id yourelementid

    HTML

    <p id="para1"></p>

    jQuery

    var txt = "<a href='http://www.google.com'>Google</a>";
$("#para1").html(txt);

    Voir un exemple de travail

    Merci Rahul, maintenant, j'ai eu l'idée.
    Vous pouvez accepter la meilleure réponse en cliquant sur le creux coche à côté d'elle.

    OriginalL'auteur rahul

  2. 4

    Ou si jquery balise était là pour une raison:

    $('#writeArea').val(txt);

    OriginalL'auteur naugtur

  3. 2

    Vous devez utiliser value:

    document.getElementById("writeArea").value = txt;
    hmm... mais quand j'ai passé <code> txt = "c'est Ce que j'ai <un href='Yahoo" >yahoo.com ">Yahoo c'est ici </a>Amusant</p>ont à dire à propos de"; <code>, alors la sortie à l'intérieur <textarea id="writeArea"> est : - c'est Ce que j'ai <un href='Yahoo" >yahoo.com " >Yahoo c'est ici </a>Amusant</p>ont à dire à propos; mais je veux voir le lien.
    Ce qui est impossible. HTML n'est pas rendu à l'intérieur <textarea>'.

    OriginalL'auteur Sarfraz

  4. 2

    Vous pouvez facilement le faire en jQuery si vous voulez juste pour définir le texte d'un textarea:

    $("#yourid").val("hello");

    Voir: http://jsfiddle.net/quQqH/

    Si vous êtes à la recherche de HTML, alors il doit être un élément conteneur (comme un div).

    //Html
<div id="yourid"></div>

//JavaScript
$("#yourid").html('<a href="#">My link</a>');

    Sinon, une autre option est d'avoir un Éditeur de Texte Riche (comme Yahoo Éditeur), de sorte qu'il rend le code HTML qui est dans le textarea d'entrée - ce qui va les rendre modifiables par l'utilisateur. C'est un peu plus compliqué, comme vous aurez besoin d'inclure les fichiers corrects pour rendre le logiciel. Puis il suffit de faire quelque chose comme ce qui suit:

    var myEditor = new YAHOO.widget.SimpleEditor('yourid', {
    height: '200px',
    width: '350px',
    toolbar: 0 //Hides the toolbar
});
myEditor.render();


$("#yourid").val("Click for <a href='http://yahoo.com'>Yahoo</a>");

    Vous pouvez voir ce travail: http://jsfiddle.net/quQqH/1/. Dans ce cas, j'ai supprimé la barre d'outils par la valeur 0, mais il est personnalisable afin de montrer les différents boutons, etc. Tout simplement supprimer cette ligne pour afficher la barre d'outils par défaut.

    Je vous remercie pour votre réponse. Mais, dans cette zone de texte, ce que je voudrais faire c'est: - $("#yourid").val("bonjour <un href='Yahoo" >yahoo.com " >Yahoo c'est ici!</a>"); je veux passer cela, et veulent obtenir le lien vers le Yahoo côté à l'intérieur de la zone de texte.
    Si vous voulez avoir une zone modifiable, alors vous devez utiliser quelque chose comme de TinyMCE (tinymce.moxiecode.com) pour WYSIWIG d'édition. Toutefois, si vous êtes juste essayer d'ajouter des liens à votre page, puis la <textarea> devrait être un conteneur HTML comme un div.
    J'ai mis à jour ma réponse à montrer un exemple de l'édition de texte riche.

    OriginalL'auteur Jonathon Bolster

  5. 0

    juste donner comme cette

    $("#ID").val("<img src='images/logo.png' />");

    OriginalL'auteur Anish Joseph

  6. 0

    Si vous voulez écrire un long texte dans le textarea, vous pouvez utiliser de cette façon:

    HTML

    <textarea id="theId"></textarea>

    jQuery

    var a = 'Test textarea content. <a href="http://google.com">Google</a>" ';

$("#theId").val(a);

    JS FIDDLE

    OriginalL'auteur KeepMove