Set target blanks on all external links in application forms with js. Make...

Set target blanks on all external links in application forms with js. Make target blank default for all link in TineMCE editor.

hypha/apply/funds/templates/funds/application_base.html

@@ -60,6 +60,7 @@
     <script src="{% static 'js/apply/file-uploads.js' %}"></script>
     <script src="{% static 'js/apply/tinymce-word-count.js' %}"></script>
     <script src="{% static 'js/apply/submission-form-copy.js' %}"></script>
+    <script src="{% static 'js/apply/external-link-new-window.js' %}"></script>
     {% if not show_all_group_fields %}
     <script src="{% static 'js/apply/form-group-toggle.js' %}"></script>
     {% endif %}

hypha/apply/utils/options.py

@@ -20,6 +20,7 @@ MCE_ATTRIBUTES = {
     ],
     'relative_urls': False,
     'browser_spellcheck': True,
+    'default_link_target': '_blank',
 }
 MCE_ATTRIBUTES_SHORT = {**MCE_ATTRIBUTES, **{'height': 180}}
 

hypha/settings/base.py

@@ -494,7 +494,7 @@ SOCIAL_AUTH_PIPELINE = (
 # Bleach Settings
 BLEACH_ALLOWED_TAGS = ['a', 'b', 'big', 'blockquote', 'br', 'cite', 'code', 'col', 'colgroup', 'dd', 'del', 'dl', 'dt', 'em', 'h2', 'h3', 'h4', 'h5', 'h6', 'hr', 'i', 'ins', 'li', 'ol', 'p', 'pre', 'small', 'span', 'strong', 'sub', 'sup', 'table', 'tbody', 'td', 'th', 'thead', 'tr', 'ul']
 
-BLEACH_ALLOWED_ATTRIBUTES = ['class', 'colspan', 'href', 'rowspan', 'title', 'width']
+BLEACH_ALLOWED_ATTRIBUTES = ['class', 'colspan', 'href', 'rowspan', 'target', 'title', 'width']
 
 BLEACH_ALLOWED_STYLES = []
 

hypha/static_src/src/javascript/apply/external-link-new-window.js

+(function ($) {
+
+    'use strict';
+
+    // Make external links on application forms open in a new window/tab.
+    $('.application-form').find("a[href^='http']").attr('target', '_blank');
+
+})(jQuery);