DocMark

Documentation Converter

<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script>
              <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/line-numbers/prism-line-numbers.min.js"></script>
              <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-javascript.min.js"></script>
              <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-python.min.js"></script>
              <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-java.min.js"></script>
              <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-bash.min.js"></script>
              <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-latex.min.js"></script>
              
              <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-ini.min.js"></script>
              
              <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-json.min.js"></script>
              
              <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-yaml.min.js"></script>
              
              <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-sql.min.js"></script>

<script>
               // Simple search functionality
               document.getElementById("search").addEventListener("input", function (e) {
                const searchTerm = e.target.value.toLowerCase();
                const content = document.getElementById("content");
                
                // Get all headings
                const headings = content.querySelectorAll("h1, h2, h3, h4, h5, h6");
                
                // First, remove all existing highlights
                const marks = content.querySelectorAll('mark');
                marks.forEach(mark => {
                    // Replace mark with its text content
                    const text = document.createTextNode(mark.textContent);
                    mark.parentNode.replaceChild(text, mark);
                });
            
                // Normalize the content to merge adjacent text nodes
                content.normalize();
                
                // If search is empty, show everything and return
                if (!searchTerm) {
                    content.querySelectorAll('*').forEach(el => {
                        el.style.display = '';
                    });
                    return;
                }
                
                headings.forEach((heading) => {
                    let section = [];
                    let nextElement = heading.nextElementSibling;
                    
                    while (nextElement && !nextElement.matches("h1, h2, h3, h4, h5, h6")) {
                        section.push(nextElement);
                        nextElement = nextElement.nextElementSibling;
                    }
                    
                    const headingText = heading.textContent.toLowerCase();
                    const sectionText = section.map(el => el.textContent.toLowerCase()).join(" ");
                    
                    if (headingText.includes(searchTerm) || sectionText.includes(searchTerm)) {
                        heading.style.display = "block";
                        section.forEach(el => el.style.display = "block");
                        
                        let parent = heading.parentElement;
                        while (parent && parent.id !== "content") {
                            parent.style.display = "block";
                            parent = parent.parentElement;
                        }
                    } else {
                        heading.style.display = "none";
                        section.forEach(el => el.style.display = "none");
                    }
                });
            
                if (headings.length > 0) {
                    let firstHeading = headings[0];
                    let element = content.firstElementChild;
                    
                    while (element && element !== firstHeading) {
                        const elementText = element.textContent.toLowerCase();
                        element.style.display = elementText.includes(searchTerm) ? "block" : "none";
                        element = element.nextElementSibling;
                    }
                }
            
                // Only highlight if there's a search term
                if (searchTerm) {
                    const regex = new RegExp(`(${searchTerm})`, 'gi');
                    const walker = document.createTreeWalker(
                        content,
                        NodeFilter.SHOW_TEXT,
                        {
                            acceptNode: function(node) {
                                // Skip text nodes in scripts, styles, and already highlighted content
                                if (node.parentNode.nodeName === 'SCRIPT' || 
                                    node.parentNode.nodeName === 'STYLE' || 
                                    node.parentNode.nodeName === 'MARK') {
                                    return NodeFilter.FILTER_REJECT;
                                }
                                return NodeFilter.FILTER_ACCEPT;
                            }
                        },
                        false
                    );
            
                    let node;
                    while (node = walker.nextNode()) {
                        const text = node.textContent;
                        if (text.toLowerCase().includes(searchTerm)) {
                            const span = document.createElement('span');
                            span.innerHTML = text.replace(regex, '<mark>$1</mark>');
                            node.parentNode.replaceChild(span, node);
                        }
                    }
                }
            });
               // Smooth scrolling for navigation
               document.querySelectorAll('a[href^="#"]').forEach((anchor) => {
                 anchor.addEventListener("click", function (e) {
                   e.preventDefault();
                   document.querySelector(this.getAttribute("href")).scrollIntoView({
                     behavior: "smooth",
                   });
                 });
               });
         
               document
                 .querySelectorAll('.checklist input[type="checkbox"]')
                 .forEach((checkbox) => {
                   checkbox.addEventListener("change", function () {
                     if (this.checked) {
                       this.parentElement.style.textDecoration = "line-through";
                     } else {
                       this.parentElement.style.textDecoration = "none";
                     }
                   });
                 });
             </script>

Version 1.0 | All rights reserved © 2024 DocMark