Sha256: 3998d83c7981146e4e9783ef9d36ef9547845b5a4bb47ec7789c865d312b8beb
Contents?: true
Size: 1.85 KB
Versions: 11
Compression:
Stored size: 1.85 KB
Contents
u = up.util
e = up.element
class up.HtmlParser
constructor: (@html) ->
@wrapNoscriptInHtml()
@parsedDoc = e.createDocumentFromHtml(@html)
title: ->
@parsedDoc.querySelector("head title")?.textContent
first: (selector) ->
e.first(@parsedDoc, selector)
prepareForInsertion: (element) ->
@unwrapNoscriptInElement(element)
wrapNoscriptInHtml: ->
# We wrap <noscript> tags into a <div> for two reasons:
#
# (1) IE11 and Edge cannot find <noscript> tags with jQuery or querySelector() or
# getElementsByTagName() when the tag was created by DOMParser. This is a bug.
# https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/12453464/
#
# (2) The children of a <nonscript> tag are expected to be a verbatim text node
# in a scripting-capable browser. However, due to rules in the DOMParser spec,
# the children are parsed into actual DOM nodes. This confuses libraries that
# work with <noscript> tags, such as lazysizes.
# http://w3c.github.io/DOM-Parsing/#dom-domparser-parsefromstring
#
# We will unwrap the wrapped <noscript> tags when a fragment is requested with
# #first(), and only in the requested fragment.
noscriptPattern = /<noscript[^>]*>((.|\s)*?)<\/noscript>/ig
@html = @html.replace noscriptPattern, (match, content) =>
@didWrapNoscript = true
'<div class="up-noscript" data-html="' + u.escapeHtml(content) + '"></div>'
unwrapNoscriptInElement: (element) ->
return unless @didWrapNoscript
wrappedNoscripts = element.querySelectorAll('.up-noscript')
for wrappedNoscript in wrappedNoscripts
wrappedContent = wrappedNoscript.getAttribute('data-html')
noscript = document.createElement('noscript')
noscript.textContent = wrappedContent
wrappedNoscript.parentNode.replaceChild(noscript, wrappedNoscript)
Version data entries
11 entries across 11 versions & 1 rubygems