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. Template tag - list punctuation for a list of items by shapiromatron 1 month, 2 weeks ago
  2. JSONRequestMiddleware adds a .json() method to your HttpRequests by cdcarter 1 month, 3 weeks ago
  3. Serializer factory with Django Rest Framework by julio 8 months, 2 weeks ago
  4. Image compression before saving the new model / work with JPG, PNG by Schleidens 9 months, 1 week ago
  5. Stuff by NixonDash 1 year ago

Comments

Please login first before commenting.