Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-77979

TinyMCE tool for preventing auto-linking

    XMLWordPrintable

Details

    • MOODLE_403_STABLE
    • MOODLE_403_STABLE
    • MDL-77979-master
    • Hide

      Testing Install

      1. Login as admin
      2. Run the upgrade process to install the Tiny No auto-link plugin.
      3. Navigate to Site Admin > Plugins > TinyMCE editor > General Settings
      4. Verify the Tiny no auto-link plugin exists in the table, and the status is disabled.

      Behat Testing Instruction

      mdk behat -r -n "Tiny noautolink"

      Manual Testing Instructions - Toolbar

      1. Login as admin
      2. Navigate to Site Admin > Plugins > TinyMCE editor > General Settings
      3. Enable the Tiny auto-link plugin
      4. Navigate to the Edit Profile page
      5. Verify that you will see an exclamation icon on the toolbar
      6. In the Description, fill in the below text:

        What is Moodle LMS? Watch the video https://www.youtube.com/watch?v=3ORsUGVNxGs for more information.   

      7. Put the cursor between the "o" and "d" letters in the "Moodle" word at the editor, and then click the No Auto-link (exclamation icon) on the toolbar.
      8. Verify that you will get a red notification with the below message:

        The selected content is not a URL. Please try again.

      9. Select/highlight "Moodle LMS", and then click the No Auto-link (exclamation icon) on the toolbar
      10. Verify that you will get a red notification with the below message:

        The selected content is not a URL. Please try again.

      11. Put the cursor between the "y" and "o" letters in "youtube" and then click the No Auto-link (exclamation icon) on the toolbar.
      12. Verify that you are seeing the notification

        Added the auto-link prevention.

      13. On the Editor Menu, click View > Source code
      14. Verify that you see the URL is wrapped by the span.nolink

        <span class="nolink">https://www.youtube.com/watch?v=3ORsUGVNxGs</span>

      15. Close the source code popup
      16. Put the cursor in between the YouTube URL
      17. Verify that you see the No Autolink button on the toolbar is active
      18. Click the active exclamation icon
      19. Verify that you are seeing the notification

        Removed the auto-link prevention.

      20. On the Editor Menu, click View > Source code
      21. Verify that the span.nolink is gone
      22. Close the source code popup
      23. Repeat the steps by adding a different URL to a new paragraph, www.moodle.org. But keep the link with the auto-link prevention.
      24. Click the Update Profile button to save the changes.
      25. Navigate to the User Profile.
      26. Verify that www.moodle.org is not clickable.

      Manual Testing Instructions - Quick Toolbar

      1. Login as admin
      2. Navigate to Site Admin > Plugins > TinyMCE editor > General Settings
      3. Enable the Tiny auto-link plugin
      4. Navigate to the Edit Profile page
      5. In the Description, fill in the below text:

        Please visit the below links to engage with Moodle LMS:
        1. www.moodle.org
        2. https://www.facebook.com/moodle/
        3. http://www.youtube.com/moodle
        

      6. Select/highlight "Moodle LMS".
      7. Verify that you will see an exclamation icon on the quick toolbar.
      8. Click the icon on the quick toolbar.
      9. Verify that you will get a red notification with the below message:

        The selected content is not a URL. Please try again.

      10. Select/highlight "www.moodle.org", and then click the No Auto-link (exclamation icon) on the quick toolbar
      11. Verify that you are seeing the notification

        Added the auto-link prevention.

      12. Select/highlight "www.moodle.org"
      13. Verify that you see the No Autolink button on the quick toolbar is active
      14. Click the active exclamation icon
      15. Verify that you are seeing the notification

        Removed the auto-link prevention.

      16. Verify that the span.nolink is gone
      17. Repeat the steps by testing other links: https://www.facebook.com/moodle/ and http://www.youtube.com/moodle, but keep the link with the auto-link prevention.
      18. Click the Update Profile button to save the changes.
      19. Navigate to the User Profile.
      20. Verify that https://www.facebook.com/moodle/ and  http://www.youtube.com/moodle are no clickable links.

       

       

      Show
      Testing Install Login as admin Run the upgrade process to install the Tiny No auto-link plugin. Navigate to Site Admin > Plugins > TinyMCE editor > General Settings Verify the Tiny no auto-link plugin exists in the table, and the status is disabled. Behat Testing Instruction mdk behat -r -n "Tiny noautolink" Manual Testing Instructions - Toolbar Login as admin Navigate to Site Admin > Plugins > TinyMCE editor > General Settings Enable the Tiny auto-link plugin Navigate to the Edit Profile page Verify that you will see an exclamation icon on the toolbar In the Description, fill in the below text: What is Moodle LMS? Watch the video https: //www.youtube.com/watch?v=3ORsUGVNxGs for more information.   Put the cursor between the "o" and "d" letters in the "Moodle" word at the editor, and then click the No Auto-link (exclamation icon) on the toolbar. Verify that you will get a red notification with the below message: The selected content is not a URL. Please try again. Select/highlight "Moodle LMS", and then click the No Auto-link (exclamation icon) on the toolbar Verify that you will get a red notification with the below message: The selected content is not a URL. Please try again. Put the cursor between the "y" and "o" letters in "youtube" and then click the No Auto-link (exclamation icon) on the toolbar. Verify that you are seeing the notification Added the auto-link prevention. On the Editor Menu, click View > Source code Verify that you see the URL is wrapped by the span.nolink <span class = "nolink" >https: //www.youtube.com/watch?v=3ORsUGVNxGs</span> Close the source code popup Put the cursor in between the YouTube URL Verify that you see the No Autolink button on the toolbar is active Click the active exclamation icon Verify that you are seeing the notification Removed the auto-link prevention. On the Editor Menu, click View > Source code Verify that the span.nolink is gone Close the source code popup Repeat the steps by adding a different URL to a new paragraph, www.moodle.org. But keep the link with the auto-link prevention. Click the Update Profile button to save the changes. Navigate to the User Profile. Verify that www.moodle.org is not clickable. Manual Testing Instructions - Quick Toolbar Login as admin Navigate to Site Admin > Plugins > TinyMCE editor > General Settings Enable the Tiny auto-link plugin Navigate to the Edit Profile page In the Description, fill in the below text: Please visit the below links to engage with Moodle LMS: 1 . www.moodle.org 2 . https: //www.facebook.com/moodle/ 3 . http: //www.youtube.com/moodle Select/highlight "Moodle LMS". Verify that you will see an exclamation icon on the quick toolbar. Click the icon on the quick toolbar. Verify that you will get a red notification with the below message: The selected content is not a URL. Please try again. Select/highlight "www.moodle.org", and then click the No Auto-link (exclamation icon) on the quick toolbar Verify that you are seeing the notification Added the auto-link prevention. Select/highlight "www.moodle.org" Verify that you see the No Autolink button on the quick toolbar is active Click the active exclamation icon Verify that you are seeing the notification Removed the auto-link prevention. Verify that the span.nolink is gone Repeat the steps by testing other links: https://www.facebook.com/moodle/ and http://www.youtube.com/moodle , but keep the link with the auto-link prevention. Click the Update Profile button to save the changes. Navigate to the User Profile. Verify that https://www.facebook.com/moodle/ and   http://www.youtube.com/moodle are no clickable links.    
    • 6
    • Team Hedgehog 2023 Sprint 3.1, Team Hedgehog 2023 Sprint 3.2

    Description

      When testing MDL-77978 I found that there is no tool button to prevent autolinking an url. If my idea is to show the Youtube url in a forum then the url should not autolinked. But iIf the filter "Convert URLs into links and images" is activated then the Youtube url will be autolinked and embed the video into the forum.

      In the Atto editor and the old TinyMCE there is a button to prevent autolinking.

      <p><span class="nolink">https://www.youtube.com/watch?v=GDLU5Y8fmzk</span></p>

      This is also needed to prevent the autolinking to glossary, database or activity names. Yes, I can set the class="nolink" in the source code but a lot of users are not able to do this.

      Attachments

        Issue Links

          Activity

            People

              meirza.arson@moodle.com Meirza
              krause Ralf Krause
              David Woloszyn David Woloszyn
              Andrew Lyons Andrew Lyons
              Kim Jared Lucas Kim Jared Lucas
              Votes:
              1 Vote for this issue
              Watchers:
              9 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:

                Time Tracking

                  Estimated:
                  Original Estimate - 0 minutes
                  0m
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 1 week, 2 hours, 28 minutes
                  1w 2h 28m

                  Clockify

                    Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.