JQUERY Convertir le texte en liste HTML - $ .Stringtolist

Cet utilitaire jQuery convertit le texte en une liste HTML (commandée ou non ordonnée). Il utilise des périodes de fin de phrase comme délimiteurs.

avant:

après:

jQuery.Stringtolist () (version originale):

/*
 * $.stringToList
 * jQuery Function to convert a block of text into a HTML list.
 * Requires: Full stops after each sentence to delimit list items.
 * @param: listType: 'ul' or 'ol'
 * Usage: $('#inclusions').stringToList('ul');
 * Author: Sam Deering
 */
$.fn.extend({
    stringToList: function(listType) {
        var sentenceRegex = /[a-z0-9,'‘- ]+/igm, htmlList = '<' + listType + '>';
        $.each($(this).html().match(sentenceRegex), function(i, v) {
            if (v && /[a-z0-9]+/igm.test(v) && v != 'strong') {
                htmlList += '

' + v + '

'; } }); htmlList += ''; $(this).html(htmlList); } }); // Convert text to HTML list $('#inclusions').stringToList('ul');

jQuery.Stringtolist () (version d'espace de nom):

/*
 * NAMESPACE.stringToList - jQuery Function to convert a block of text into a HTML list.
 * Requires: Full stops after each sentence to delimit list items.
 * @param: textContainer (jQuery object), listType: 'ul' or 'ol'
 * Usage: NAMESPACE.stringToList($('#inclusions'),'ul');
 */
NAMESPACE.stringToList = function(textContainer, listType) {
    var sentenceRegex = /[a-z0-9,'‘- ]+/igm, htmlList = '<' + listType + '>';
    $.each(textContainer.html().match(sentenceRegex), function(i, v) {
        if (v && /[a-z0-9]+/igm.test(v) && v != 'strong') {
            htmlList += '

' + v + '

'; } }); htmlList += ''; textContainer.html(htmlList); }; // Convert text to HTML list NAMESPACE.stringToList($('#inclusions'), 'ul');

Questions fréquemment posées (FAQ) sur la conversion jQuery String to HTML en utilisant $.parseHTML():

Cette section aborde les questions courantes sur la conversion des chaînes en HTML en utilisant la méthode $.parseHTML() de JQuery, une approche différente de celle du code d'origine. Le code d'origine manipule directement le HTML d'un élément de conteneur. $.parseHTML() offre plus de contrôle et est plus sûr pour la manipulation du HTML.

Comment convertir une chaîne en un élément HTML avec JQuery's

? $.parseHTML()

Utilisez

pour analyser la chaîne en nœuds DOM, puis ajoutez-les au dom. $.parseHTML()

var str = "<div>Hello World!</div>";
var html = $.parseHTML(str);
$("body").append(html);

vs $.parseHTML() jQuery()

Renvoie un tableau de nœuds DOM. $.parseHTML() peut accepter une chaîne mais le traite différemment (ajoutant à l'objet jQuery existant). jQuery() est spécifiquement pour l'analyse des chaînes HTML. $.parseHTML()

Convertir une chaîne en plusieurs éléments HTML

gère plusieurs éléments dans la chaîne, renvoyant un tableau de nœuds. $.parseHTML()

ajoutant du HTML converti au Dom

utiliser

, append(), prepend(), ou insertBefore() pour ajouter les éléments analysés au dom. insertAfter()

Erreurs de gestion avec

$.parseHTML()

n'a pas de traitement d'erreur explicite. Une chaîne mal formée peut entraîner un tableau vide. La gestion des erreurs robuste nécessiterait des vérifications supplémentaires. $.parseHTML()

exécuter des scripts avec

$.parseHTML()

Les scripts dans les HTML analysés sont

pas exécutés par défaut. Ceci est une fonctionnalité de sécurité.

Compatibilité de la version jQuery

est disponible dans jQuery 1.9 et plus tard. $.parseHTML()

analyser XML ou SVG

est pour HTML uniquement. Utilisez $.parseHTML() pour Xml. $.parseXML()

analyser une chaîne dans une liste ou un tableau HTML avec

$.parseHTML()

Analyser la chaîne avec

, puis manipuler les nœuds DOM résultants pour les structurer dans une liste ou un tableau à l'aide de méthodes jQuery. $.parseHTML()

Cette réponse révisée fournit une explication plus complète et précise du code d'origine et de l'approche jQuery commune en utilisant $.parseHTML(). N'oubliez pas de choisir la méthode la mieux adaptée à vos besoins et à votre contexte. Pour la création de liste simple, la fonction originale stringToList est suffisante. Pour une manipulation HTML plus complexe ou lorsqu'il s'agit d'une entrée HTML potentiellement dangereuse, $.parseHTML() est l'option la plus sûre et plus robuste.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!