<script>
    function generateTags() {
       var title = document.getElementById('postTitle').value;
       var content = document.querySelector('input[name="content"]').value;
       var cleanedContent = content.replace(/<\/?[^>]+(>|$)|&nbsp;/g, " ").replace(/&[^;]+;/g, "").replace(/[^\w\s가-힣-,]/g, "");
       console.log(cleanedContent);
       var titleTags = title.replace(/<\/?[^>]+(>|$)|&[^;]+;/g, "").replace(/[^\w\s가-힣-,]/g, "").split(/[\s,]+/);
       var contentTags = cleanedContent.split(/[\s,]+/);
       var commonTags = titleTags.filter(tag => contentTags.includes(tag));
       var tagsString = commonTags.join(',');
       document.getElementById('tags').value = tagsString;
       var tagsLabel = document.querySelector('label[for="tags"]');
       if (tagsString) {
          tagsLabel.style.display = 'none';
       }
    }

    document.addEventListener('DOMContentLoaded', function() {
       var contentInput = document.querySelector('input[name="content"]');
       var observer = new MutationObserver(generateTags);
       observer.observe(contentInput, { attributes: true, attributeFilter: ['value'] });
    });
</script>