hocrjs

Working with hOCR in Javascript

• Showcase
  • Demo
  • Video
  • Screenshots
• Usage
  • Simple Usage
  • User script
  • Command line interface
• Development
  • Layout
  • Features and SASS
  • Adding a feature

See this demo document: Demo

To add the interface to a plain hOCR file, add this line just before the closing tag:

<script src="https://unpkg.com/hocrjs">script>

In addition, your webserver must set the Content-Type to a value that allows loading scripts, such as text/html. If your hOCR file uses an extension .html or .htm extension, the media type should be set correctly.

For files with a .hocr extension (e.g. generated by tesseract), you will need to add a mapping from extension to media type:

• Apache: Add the following to you server configuration or .htaccess file:

  AddType text/html hocr

• nginx: Add to mime.types:

  text/html    hocr;
  

Also bundled is a browser extension that lets you add the hocrjs interface to any hOCR document you browse on the web.

• It is a user script, so you need to have a user script runner like Greasemonkey or Tampermonkey installed.
• Browse to unpkg.com/hocrjs/dist/hocr.user.js
• Install the user script when asked
• Browse to a plain hOCR document, e.g. this one
• Choose Inject hOCR viewer from the menu of the user script manager

Tampermonkey:

Greasemonkey:

hocrjs comes with a command line tool hocrjs-inject that inserts the necessary