Comment voulez-vous faire juste un peu de texte, à l'intérieur d'un champ de saisie de texte, en gras?

J'essaye de mettre en gras un texte spécifique, à l'intérieur d'un champ de saisie de texte. Je ne suis pas sûr de savoir comment aller à ce sujet depuis le code html n'est pas interprété à l'intérieur d'un champ de texte, donc, quelque chose comme <b> ne fonctionne pas. Est-il possible de gras juste du texte? Des méthodes comme le gras() ne font qu'ajouter <b> autour de la chaîne.

Grâce

Pas dans un simple champ de saisie. Recherchez modifiable divs au lieu ou n'ont tout simplement pas.
Vous n'avez pas, sauf si vous créez un élément qui se superpose à l'entrée de la perfection, et c'est un total de cauchemar. La façon RTEs faire est d'utiliser un iframe avec le contenu, de sorte qu'ils peuvent maniuplate il.
double question ici http://stackoverflow.com/questions/5408292/just-trying-to-give-a-bold-font-to-an-input-text
Pas un doublon. Cette question est sur les caractères gras sont un ensemble de saisie de texte. Cette question est au sujet de gras, seule une partie de la saisie de texte.
ok, comment définir le texte sera en gras

InformationsquelleAutor clinchergt | 2012-05-31

Ici est une astuce.

Un champ d'ENTRÉE est au cours d'une période. Avec un exemple de fonction qui met les 3 premiers caractères en gras.
Vous pouvez courir dans la transparence de la difficulté avec les anciens navigateur. Dans ce cas, vous pouvez laisser la normale champ de saisie sans l'effet bold.

<!DOCTYPE html>
<html lang="en">
<head>
    <title>transp</title>
    <style>
        div{
            position:relative;
        }
        input, span{
            top:0;
            position:absolute;
            width:120px;
        }
        span{
            top:2px;
            left:2px;
            z-index:1;
            overflow:hidden;
        }
        input{
            background:transparent;
            z-index:2;
        }
    </style>
</head>
<body>
<div>
    <input onkeyup="bold3(this)" />
    <span id="back"></span>
</div>
<script>
function bold3(inp){
    inp.style.color = 'transparent';
    var span = document.getElementById('back');
    span.innerHTML = 
        '<b>' + 
        inp.value.substr(0, 3) + 
        '</b>' + 
        inp.value.substr(3);
}
</script>
</body>
</html>

Je vais donner cette réponse un coup, je l'ai testé en dehors de la page que je suis en train de travailler sur, et il semble fonctionner assez bien. Merci
Méfiez-vous que vous démarrez un itinéraire inhabituel, et peut exécuter avec quelques surprises le long du chemin. Une autre approche serait d'avoir un champ de saisie où vous tapez et au-dessous de la mise en forme des résultats. Comme lorsque vous répondez à des questions ici.

InformationsquelleAutor Mic

3

Cela dépend de ce que les navigateurs que vous voulez soutenir. Si vous voulez juste pour soutenir les navigateurs HTML5 suffit de les déposer dans un div avec la contenteditable drapeau et le style avec css pour ressembler à une entrée.
```
<div contenteditable>Text <b>bold</b></div>
```
Si le gras est dans une zone contrôlée, de peut-être faire quelque chose comme:
```
<div>
    <input type="text" style="font-weight: bold;" value="Bold text" />
    <input type="text" value="This is not" />
</div>
```
À l'aide de CSS pour le style et JS pour gérer la surcharge. Cela pourrait rapidement devenir laid si.

InformationsquelleAutor Matt Kelly
1

Peut-être une solution possible serait d'utiliser un modifiable div, comme ceci:
```
<div contentEditable="true">
    Lorem <b>ipsum</b> dolor
</div>
```
Si vous essayez d'envoyer cette valeur dans un formulaire, vous devrez utiliser JavaScript pour obtenir le innerHTML de cette div et l'attribuer à un caché d'entrée ou de quelque chose.
- Cela pourrait être la solution la plus simple, je vais certainement l'utiliser si je ne peux pas obtenir Mic solution pour travailler sur la page réelle. J'ai effectivement essayé d'obtenir le innerHTML de sorte que la forme pourrait l'obtenir, mais je n'ai pas réussi, il ignore simplement le code html. Serait-ce parce que j'ai utilisé OBTENIR et de ne pas POSTER?
- Je dois voir un exemple de code que vous avez utilisé pour vous aider.
InformationsquelleAutor Travesty3
0

Essayez ceci:
```
<input type="text" style="font-weight: bold;" value="Some Value" />
```
Mais de cette façon, l'ensemble du texte à l'intérieur de l'élément sera affiché en gras. Je suppose qu'il n'y a pas de moyen facile pour faire style seulement un morceau du texte
- OP veux pièces de l'entrée en gras.
InformationsquelleAutor Danilo Valente
0

nous avons besoin de quelque chose comme l'android point de vue, qui permet de personnalisé le balisage html, lien de reconnaissance, etc, nativement... c'est le problème.

InformationsquelleAutor Miguel
0

Le plus vrai moyen d'avoir une telle chose est de construire votre propre élément personnalisé.

vous pouvez créer votre propre <my-input></my-input> élément, et de personnaliser votre propre entrée.

InformationsquelleAutor Mehdi Raash

Vous devez vous connecter pour publier un commentaire.