html-context
v1.0.6
Published
Gives (textual) context for a given DOM node
Downloads
27
Readme
HTML Context
This package allows you to generate some HTML context for a given DOM node. E.g. Some markup looking like this:
<html>
<div id="x">
<h1>Hello world</h1>
</div>
</html>with
const div = window.document.getElementById('x');
htmlContext(div, {
maxLength: 19,
});would result in
<div id="x">…</div>The context can either be document or an HTMLElement.
Install
npm install html-context --saveor in the browser (UMD):
<script src="html-context/dist/index.js"></script>Options
options.maxLength: the maximum length of the returned context. The package will try and fit the outermost tag in if it can. Defaults to no maximum length.
options.beautify: Beautifies the returned context snippet. Defaults to false.
options.placeholder: The placeholder to use for capped markup. Defaults to ….