Login

Help text hyperlinks

Author:
sa2812
Posted:
April 28, 2023
Language:
Python
Version:
3.2
Score:
1 (after 1 ratings)

Sometimes a plain-text help-text isn't sufficient, and it's handy to be able to add links to pages, documentation or external websites.

This javascript snippet can be added to your page, in combination with adding a class to your help text in your template. This assumes you're using jQuery on your website.

Field template snippet:

{% if field.help_text %}<p class="help-text">{{ field.help_text }}</p>{% endif %}

On document ready, this will convert the markdown-style links into anchor tags, allowing you to have richer help text for your users

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
{% block body_js %}
<script>
  $(document).ready(function() {
    var helpTexts = $('.help-text');
    $.each(helpTexts, (i, helpText) => {
      $(helpText).html($(helpText).text().replace(/\[([\w\s\d]+)\]\((https?:\/\/[\w\d./?=#]+)\)/, '<a href="$2" target="_blank">$1</a>'))
    });
  });
</script>
{% endblock %}

More like this

  1. Mask sensitive data from logger by agusmakmun 1 month ago
  2. Template tag - list punctuation for a list of items by shapiromatron 1 year, 3 months ago
  3. JSONRequestMiddleware adds a .json() method to your HttpRequests by cdcarter 1 year, 3 months ago
  4. Serializer factory with Django Rest Framework by julio 1 year, 10 months ago
  5. Image compression before saving the new model / work with JPG, PNG by Schleidens 1 year, 11 months ago

Comments

Please login first before commenting.