Presque chaque langue a une fonction intégrée qui peut diviser une chaîne à une position donnée. Cependant, dès que vous avez des balises html dans la chaîne, la fonction intégrée ne fonctionnera pas correctement.

Votre tâche consiste à écrire un programme ou une fonction qui divise une chaîne au nième caractère mais ne compte pas les caractères des balises html et produira un html valide. Le programme doit conserver la mise en forme. Les espaces en dehors des balises html peuvent être comptés ou non, comme vous le souhaitez, mais doivent être préservés. Vous pouvez cependant échanger plusieurs espaces consécutifs en un seul espace.

Contribution:

1. la chaîne
2. la position de séparation à (sur la base de 0)

Ceux-ci peuvent être considérés comme des arguments de programme ou de fonction ou peuvent être lus à partir de l'entrée standard.

Sortie: la chaîne divisée qui peut être retournée ou écrite dans la sortie standard.

L'entrée sera html valide, elle ne contiendra aucune entité (comme  ). Les balises ouvertes après la limite de caractères doivent être omises de la sortie (voir le dernier exemple).

Exemple:

Entrée:, <i>test</i>3
Sortie:<i>tes</i>

Entrée:, <strong><i>more</i> <span style="color: red">complicated</span></strong>7
Sortie:<strong><i>more</i> <span style="color: red">co</span></strong>

Entrée:, no html2
Sortie:no

Entrée:, <b>no</b> <i>html root</i>5
Sortie:<b>no</b> <i>ht</i>

Entrée:, <b>no img</b><img src="test.png" />more text6
Sortie:<b>no img</b>

Vous pouvez utiliser n'importe quelle langue et la bibliothèque standard de la langue donnée. C'est le golf de code, le programme le plus court gagne. S'amuser!

Cette réponse n'est plus valable avec la dernière règle.

Javascript ( ES6 ) 94 91

f=(s,l)=>s.split(/(<[^>]+>)/).map(x=>x[0]=='<'?x:[l-->0?y:''for(y of x)].join('')).join('')

f('<strong><i>more</i> <span style="color: red">complicated</span></strong>', 7);
// '<strong><i>more</i> <span style="color: red">co</span></strong>'

Non golfé:

f=(s,l)=>
    s.split(/(<[^>]+>)/). // split string s by <*>, capture group is spliced into the array 
    map(x=> // map function to every item in the array
        x[0]=='<'? // if first character is a <
            x // don't modify the string
        : // else
            [ // array comprehension
                for(y of x) // for every character y in x
                    l-->0? // if l > 0 (and decrement l)
                        y // character y
                    : // else
                        '' // empty string 
            ].join('') // join characters in array
        ).
    join('') // join all strings in array

Rebol - 252 caractères

c: complement charset"<>"f: func[s n][t: e: 0 to-string collect[parse s[any[(m: 0)copy w[["</"some c">"](-- t)|["<"some c"/>"]|["<"some c">"](++ t)| any c(m: 1)](if e = 0[if m = 1[w: copy/part w n n: n - length? w]keep w]if all[n <= 0 t = 0][e: 1])]]]]

Non golfé avec des commentaires:

c: complement charset "<>"

f: func [s n] [
    t: e: 0             ;; tag level (nesting) & end output flag
    to-string collect [
        parse s [
            any [
                (m: 0)                            ;; tag mode
                copy w [
                      ["</" some c ">" ] (-- t)   ;; close tag
                    | ["<"  some c "/>"]          ;; self-closing / void elements
                    | ["<"  some c ">" ] (++ t)   ;; open tag
                    | any c (m: 1)                ;; text mode
                ] (
                    ;; flag not set so can still output
                    if e = 0 [
                        ;; in text mode - so trim text
                        if m = 1 [
                            w: copy/part w n
                            n: n - length? w
                        ]
                        keep w
                    ]

                    ; if all trimmed and returned to flat tag level then end future output
                    if all [n <= 0  t = 0] [e: 1]
                )
            ]
        ]
    ]
]

Exemples dans la console Rebol:

>> f "<i>test</i>" 3
== "<i>tes</i>"

>> f {<strong><i>more</i> <span style="color: red">complicated</span></strong>} 7
== {<strong><i>more</i> <span style="color: red">co</span></strong>}

>> f {no html} 2
== "no"

>> f {<b>no</b> <i>html root</i>} 5
== "<b>no</b> <i>ht</i>"

>> f {<b>no img</b><img src="test.png" />more text} 6
== "<b>no img</b>"

>> f {<i>a</i><b></b>} 1
== "<i>a</i>"

>> f {<strong><i>even</i> <span style="color: red">more <b>difficult</b></span></strong>} 14
== {<strong><i>even</i> <span style="color: red">more <b>diff</b></span></strong>}

>> f {<strong><i>even</i> <span style="color: red">more <b>difficult</b></span></strong>} 3 
== {<strong><i>eve</i><span style="color: red"><b></b></span></strong>}

Ruby ... Très dépourvu de style avec des boucles

def split(str,n)

  i = current = 0 
  return_str = ""

  while i < n
    if str[current] == "<"
      while str[current] != ">"
        return_str.concat str[current]
        current += 1
      end
      return_str.concat str[current]
      current += 1
    else
      return_str.concat str[current]
      i += 1
      current += 1
    end
  end

  while current < str.length
    if str[current] == "<"
      while str[current] != ">"
        return_str.concat str[current]
        current += 1
      end
      return_str.concat str[current]
      current += 1
    end
    current += 1
  end


  return_str + str[current..-1]
end

(IE) JS - 135

function f(t,n){b=document.body;b.innerHTML=t;r=b.createTextRange();r.moveStart("character",n);r.select();r.execCommand('cut');return b.innerHTML}

Maintenant je me sens sale. Mais il faut commencer à supprimer tous ces caractères ...

function f(t,n)
{b=document.body;b.innerHTML=t;r=b.createTextRange();r.collapse();r.moveEnd("character",n);
r.select();return r.htmlText}

Avertissement:

• exécuter dans la console IE