node package manager
Loosely couple your services. Use Orgs to version and reuse your code. Create a free org »

html-context

HTML Context

Build status npm npm David node coveralls

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 --save

or 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 .