Jquery éditeur de Texte
Récemment, j'ai décidé d'utiliser le jQuery éditeur de texte. Cependant, je suis perplexe quand j'ai accès à la textarea
sur lequel je suis en utilisant le jqte le textarea ne montre pas de données.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>jQuery TE | Downloaded Demo | v.1.3.6</title>
<link type="text/css" rel="stylesheet" href="demo.css">
<link type="text/css" rel="stylesheet" href="../jquery-te-1.3.6.css">
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js" charset="utf-8"></script>
<script type="text/javascript" src="../jquery-te-1.3.6.min.js" charset="utf-8"></script>
</head>
<body>
<h1>jQuery TE</h1>
<div class="navigation">
<a href="http://jqueryte.com" target="_blank">Home</a>
<a href="http://jqueryte.com/demos" target="_blank">Demos</a>
<a href="http://jqueryte.com/documentation" target="_blank">Documentation</a>
<a href="http://jqueryte.com/comments" target="_blank">Comments</a>
<a href="http://jqueryte.com/about" target="_blank">About</a>
<a href="http://jqueryte.com/license" target="_blank">License</a>
</div>
<h2>Demo | v.1.3.6</h2>
<!------------------------------------------------------------ jQUERY TEXT EDITOR
<textarea cols="2" rows="3" name="textarea" class="jqte-test" id="mytextarea"><b>My contents are from <u><span style="color:rgb(0, 148, 133);">TEXTAREA</span></u></b></textarea>
<p>
<button class="status">Toggle jQTE</button>
</p>
<hr>
<input name="input" type="text" value="<b>My contents are from <u><span style=& quot;color:rgb(0, 148, 133);">INPUT</span></u></b>" class="jqte-test"/>
<div name="div" class="jqte-test"><b>My contents are from <u><span style="color:rgb(0, 148, 133);">DIV</span></u></b></div>
<script>
$('.jqte-test').jqte();
//settings of status
var jqteStatus = true;
$("textarea#mytextarea").bind(function(){ alert($(this).html()) ;});
$(".status").click(function()
{
jqteStatus = jqteStatus ? false : true;
$('.jqte-test:first').jqte({"status" : jqteStatus})
});
</script>
Je suis en train de vérifier comment dois-je obtenir le jqte formaté en html? Il n'y a aucun complète des notes. Quelqu'un peut-il m'aider?
J'ai ajouté le code complet. je suis toujours incapable d'obtenir le code html à partir de la jqte..
OriginalL'auteur Spirals Whirls | 2013-05-16
Vous devez vous connecter pour publier un commentaire.
La réelle fenêtre de l'éditeur est une div avec la classe "jqte_editor".
Et donc...
... va vous donner le dernier/contenu modifié.
jqte
sur la page?1 de 2): La méthode que j'ai utilisé pour la découverte de la technique ci-dessus vaut utilisant pour cela et pour d'autres de codage, ainsi que le navigateur outils de développement pour en savoir plus sur les éléments de la page (par exemple, "Inspecter l'élément" dans google Chrome, cliquez-droit menu contextuel). En utilisant cette technique, vous serez en mesure de voir si l'éditeur de plusieurs éléments ont été identifiés de façon unique en aucune manière.
2 de 2): Si pas, cherchez un identificateur unique pour l'élément parent(s), et ensuite trouver le contenu de la div pour l'éditeur. Par exemple: $("#parentElementID").find(".jqte_editor"). Si vous allez être fréquemment de référencement, d'en faire un objet jQuery, de sorte que vous n'êtes pas à la recherche à chaque fois.
Bien en interne, le plugin utilise
closest
et correspond à la jqte de la classe ou celui qui est fourni. Donc, en interne lors du réglage de la valeur de l'auteur du plugin a reconnu qu'il devait être un moyen pour régler la valeur de plusieursjqte
constructions, mais pour quelque raison que ce soit ne pas faire de même pour un getter. Il se sent que vous auriez besoin d'ajouter un adaptateur supplémentaire afin d'avoir accès à plusieurs éditeurs, mais c'est aussi un bon moyen de le faire.OriginalL'auteur Alan M.
J'ai eu ce même problème et voici ce que j'ai fait pour le résoudre.
J'ai remarqué que le plugin a un setter, mais pas un getter équivalent de la valeur de l'éditeur; c'est étrange parce que la normale jQuery modèle pour les plugins que créer du contenu avec une valeur est d'avoir de la lecture être surchargé paramater-moins la version de l'incubateur.
Donc j'ai cherché dans le code du plugin et fait de cette modification. À partir de la version non compressée du code:
Ce:
Changé:
Et de la "minimisé" version:
Ce:
Changé:
Après le changement, vous pouvez maintenant utiliser le
jqteVal()
fonction comme n'importe quel autre jQuery valeur de la fonction:Je ne suis pas sûr de savoir pourquoi l'auteur ne l'a pas fait, mais j'ai eu beaucoup de succès avec cette méthode.
OriginalL'auteur Pow-Ian
Utilisation
au lieu de
val()
, parce que c'est plus sécurisé, il va s'échapper les caractères spéciaux et empêcher les attaques XssjQuery html() la méthode
néanmoins, si vous avez besoin d'afficher l'entrée de texte comme "live" que vous pouvez utiliser .val() la méthode
Cette chose est source de confusion... où le typage va.. je ne vois pas le changement de valeur du textarea.
Vérifiez ce violon : jsfiddle.net/FHnwH
Ok c'est ce que je veux mais ça ne fonctionne pas comme ça dans le navigateur.. Qu'avez-vous fait là?
boom !! ok obtenu. le textarea était caché... lol.. fixe!
OriginalL'auteur Joan Caron
L'utiliser comme dit dans la documentation:
OriginalL'auteur Agus Widiarsa I Made
Peut-être à l'aide de val() à la place du texte():
OriginalL'auteur Getz
si vous avez un textarea id "MYTEXTAREA"
vous devriez pouvoir y accéder comme
OriginalL'auteur Andy Marsden
J'ai lu quelque part que l'utilisation de jqte est très simple. mais c'est très compliqué. lol
OriginalL'auteur G Ravinder
je voudrais utiliser un événement de changement de la place de l'expiration du délai.
et à utiliser .html() au lieu de .texte() pour voir la mise en forme html.
ou remplacer tous les \n < b r /> (sans les espaces)
OriginalL'auteur Andi
Ajouter ce code à votre script.
De sorte que vous pouvez obtenir nécessaire de mettre à la textarea lui-même.
OriginalL'auteur Ajeeb.K.P
je suis peut-être trop tard, mais j'étais à la recherche d'une solution sans trop de modification de l'original css que quelques pages, je le veux défaut et je voulais une taille personnalisée. simplly ensemble du css après le plugin js. quelque chose comme cela.
OriginalL'auteur samjones39