For Your Website or Blog

Adding RcVCite to a webpage or blog

If you use Wordpress, get the RcVCite plugin: download

If you do not use Wordpress or do not want to use the plugin, you can add these files (download) and the following HTML to your webpage.

Sample HTML

Place the following sample HTML in the <head> tag of the pages you want to convert the verse references.
<script type="text/javascript" src="./jquery.js"></script>
<script type="text/javascript" src="./versification.js"></script>
<script type="text/javascript" src="./RcVCite_v00_03.js"></script>
<link rel="stylesheet" type="text/css" href="./RcVCite.css" />
<script type="text/javascript">

Overlay styles

RcVCite comes with a sample style, RcVCite.css. You can change it to make the verse overlays match the style of your website. The RcVCite CSS Style Tool bellow allows you to preview changes to the styling. Note that the changes will be applied to the entire page.

RcVCite CSS Style Tool


These options are available in the settings for the Wordpress plugin or browser extension. If you have added RcVCite to your website using HTML, then the following options can be set prior to invoking RcVCite.cite();

  • RcVCite.citeChapters=false; This is turned on by default. When turned on, RcVCite will links chapters without a verse number such as 1 John 1.
  • RcVCite.hoverDelay=400; The hover delay sets how long the mouse must be over a verse reference before the text will appear and how long before the text it will be hidden once the mouse leaves the box. The first time the mouse moves over a reference the text for the verse is fetched, so it may take longer than the hover delay before the text of the verse appears.
  • RcVCite.horzPad=5; This changes the minimum horizontal space on each side of the verse pop-ups.
  • RcVCite.looseContext=false; When turned on, book names will be identified even if they are not a part of a verse or chapter reference. This option is set to false by default because RcVCite does not distinguish between brother John and the book of John. On this page it is set to true for demonstration purposes.


Is Javascript enabled? RcVCite runs using the Javascript, so if Javascript is disabled in your browser then RcVCite will not work.

Are there error messages in the Javascript console? Most modern web browsers have a Javascript console. Any Javascript errors will be listed there along with any messages printed to the Javascript console (Usually accessible with Ctrl+Shift+J). If you see any errors listed for RcVCite.js, or versification.js please report them to TODO: make support email address. to

back to top