Block link to some URLs

Hi @ebzeta,

Here is the solution I have for now. You would need to add this script to your functions.php file:

add_action('wp_footer', 'mxchat_pdf_filter_javascript');
function mxchat_pdf_filter_javascript() {
    ?>
    <script>
    function removePdfLinks() {
        // Target only the MxChat chatbot container
        const chatbotContainer = document.querySelector('#mxchat-chatbot');
        
        if (!chatbotContainer) return;
        
        // Remove PDF links only within the chatbot
        const pdfLinks = chatbotContainer.querySelectorAll('a[href*=".pdf"]');
        pdfLinks.forEach(function(link) {
            const textContent = link.textContent || link.innerText;
            link.outerHTML = textContent;
        });
        
        // Remove plain PDF URLs from chatbot text
        const walker = document.createTreeWalker(
            chatbotContainer,
            NodeFilter.SHOW_TEXT,
            null,
            false
        );
        
        const textNodes = [];
        let node;
        while (node = walker.nextNode()) {
            textNodes.push(node);
        }
        
        textNodes.forEach(function(textNode) {
            if (textNode.textContent.includes('.pdf')) {
                textNode.textContent = textNode.textContent.replace(/https?:\/\/[^\s]+\.pdf(?:#[^\s]*)?\s?/gi, '');
            }
        });
    }
    
    document.addEventListener('DOMContentLoaded', removePdfLinks);
    
    // Watch only the chatbot container for changes
    const chatbotContainer = document.querySelector('#mxchat-chatbot');
    if (chatbotContainer) {
        const observer = new MutationObserver(removePdfLinks);
        observer.observe(chatbotContainer, { childList: true, subtree: true });
    }
    </script>
    <?php
}

This will automatically remove all PDF links from the chat UI before they appear. I’m going to review a more robust and streamlined solution that will be integrated directly into MxChat, but that will take some time to implement. If you aren’t comfortable modifying your functions.php file, I could likely turn this into a little plugin that you could upload instead.

Thanks again,

Maxwell

It’s no problem. That is an easy adjustment if I understand you correctly. You simply want to have control over which PDFs you block. Instead of the function working as a catch all, it can be adjusted to block only certain PDF file names from a list. I’m going to build a much more robust solution directly into MxChat that will allow you to label sources, but this is just a temporary solution for you until I can get that completed (no ETA atm).

Use this instead in your functions.php:

add_action('wp_footer', 'mxchat_pdf_filter_javascript');
function mxchat_pdf_filter_javascript() {
    // Add your blocked PDF filenames here
    $blocked_pdfs = [
        'example.pdf',
        'example2.pdf',
        'example3.pdf'
    ];
    
    $blocked_pdfs_json = json_encode($blocked_pdfs);
    ?>
    <script>
    function removePdfLinks() {
        const blockedPdfs = <?php echo $blocked_pdfs_json; ?>;
        const chatbotContainer = document.querySelector('#mxchat-chatbot');
        
        if (!chatbotContainer || blockedPdfs.length === 0) return;
        
        function isBlockedPdf(url) {
            return blockedPdfs.some(filename => url.includes(filename));
        }
        
        // Remove blocked PDF links
        const pdfLinks = chatbotContainer.querySelectorAll('a[href*=".pdf"]');
        pdfLinks.forEach(function(link) {
            if (isBlockedPdf(link.getAttribute('href'))) {
                const textContent = link.textContent || link.innerText;
                link.outerHTML = textContent;
            }
        });
        
        // Remove blocked PDF URLs from text
        const walker = document.createTreeWalker(
            chatbotContainer,
            NodeFilter.SHOW_TEXT,
            null,
            false
        );
        
        const textNodes = [];
        let node;
        while (node = walker.nextNode()) {
            textNodes.push(node);
        }
        
        textNodes.forEach(function(textNode) {
            if (textNode.textContent.includes('.pdf')) {
                let content = textNode.textContent;
                blockedPdfs.forEach(function(filename) {
                    const escapedFilename = filename.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
                    const regex = new RegExp('https?:\\/\\/[^\\s]*' + escapedFilename + '(?:#[^\\s]*)?\\s?', 'gi');
                    content = content.replace(regex, '');
                });
                textNode.textContent = content;
            }
        });
    }
    
    document.addEventListener('DOMContentLoaded', removePdfLinks);
    
    const chatbotContainer = document.querySelector('#mxchat-chatbot');
    if (chatbotContainer) {
        const observer = new MutationObserver(removePdfLinks);
        observer.observe(chatbotContainer, { childList: true, subtree: true });
    }
    </script>
    <?php
}

At the top you will see an array list:
// Add your blocked PDF filenames here
$blocked_pdfs = [
‘example.pdf’,
‘example2.pdf’,
‘example3.pdf’
];

Simply add the file names there to the PDFs you want to block. This will allow you to block some PDFs while allowing others through.

Give that a try and let me know!

EDIT:
For clarification – I did test it on my end with several PDFs and it worked perfectly. When I said “give it a try and let me know” I didn’t want it to come off as me sending you untested code. I more so let me know if that is not the functionality you needed!

• This reply was modified 10 months, 4 weeks ago by m4xw3ll.
• This reply was modified 10 months, 4 weeks ago by Jan Dembowski.