Add Rhyming Dictionary To Your Website

Rhyme Desk provides an easy way to add rhyming dictionary to your website or blog. Just include following code in your HTML:

<script src="https://www.rhymedesk.com/widget.js" type="text/javascript"></script>
<div id="rd_container">
    <input type="text" id="rd_input">
    <button id='rd_button'>Find Rhymes</button>
    <div id="rd_results">
    <p>Enter a word in the search box above.</p></div>
    <p><i>Provided by
        <a href="https://www.rhymedesk.com" target="_blank">Rhyme Desk</a>
    </i></p>
</div>

Here is a demonstration of result you will get:

Enter a word in the search box above.

Provided by Rhyme Desk

You are free to change code that is provided above to modify layout and content of visual elements. Our only request is that you keep the back-link to Rhyme Desk.

Usage of Cascading Style Sheets (CSS)

Rhyme results are displayed as a regular HTML tags, so you can use inline style attributes as well as external CSS files to control visual output of results. Here is a sample of page modified with custom style sheet.

Additional Configuration

There are a couple of variables you can use to configure display of results:

rd_nrhymes (0 - exclude near rhymes (default), 1 - include near rhymes)
rd_rare_words (0 - exclude rare words, 1 - include rare words (default))

Here is a sample of JavaScript code you can add to your HTML to change display of results:

<script type="text/javascript">
  let rd_nrhymes = 1; // include near rhymes
  let rd_rare_words = 0; // exclude rare words
</script>

Feedback

Your comments and suggestions for improvement of this tool are most welcome!

Add Rhyming Dictionary To Your Website

Usage of Cascading Style Sheets (CSS)

Additional Configuration

Feedback

Whoops!