ajax + froalra (js 로드문제) 채택완료

</p>

<pre>
(function() {
    var isLoading = false;
    var currentUrl = window.location.pathname;
    var sidebarLoaded = false;
    var sidebarCache = null;

    if (typeof window.input === 'undefined') {
        window.input = {};
    }

    function loadContent(url, isPopState) {
        if (isLoading || currentUrl === url) return;

        isLoading = true;
        currentUrl = url;

        $.ajax({
            url: url,
            type: 'GET',
            cache: true,
            success: function(response) {
                var $html = $('<div>').html(response);
                var $newContent = $html.find('#content');

                if ($newContent.length) {
                    $('#content').html($newContent.html());

                    $html.find('script').each(function() {
                        var scriptSrc = $(this).attr('src');
                        if (scriptSrc && scriptSrc.indexOf('<') === -1) {
                            if (!$('script[src="' + scriptSrc + '"]').length) {
                                $.getScript(scriptSrc).done(function() {
                                    checkAndInitializeFroalaEditor();
                                }).fail(function(jqxhr, settings, exception) {
                                    console.log('Failed to load ' + scriptSrc);
                                });
                            }
                        } else {
                            var scriptContent = $(this).text();
                            if (scriptContent && scriptContent.indexOf('<') === -1) {
                                $.globalEval(scriptContent);
                            }
                        }
                    });

                    initializeContent();

                    if (!sidebarLoaded) {
                        reloadSidebar();
                    }
                } else {
                    $('#content').html('<p>해당 콘텐츠가 존재하지 않습니다.</p>');
                }
            },
            error: function(xhr, status, error) {
                $('#content').html('<p>콘텐츠를 불러오는 중 오류가 발생했습니다.</p>');
            },
            complete: function() {
                isLoading = false;
            }
        });

        if (!isPopState) {
            window.history.pushState(null, '', url);
        }
    }

    function reloadSidebar() {
        if ($('#sidebar').length) {
            if (sidebarCache) {
                $('#sidebar').html(sidebarCache);
            } else {
                $('#sidebar').load(location.href + ' #sidebar > *', function() {
                    sidebarCache = $('#sidebar').html();
                    sidebarLoaded = true;
                });
            }
        }
    }

    function initializeContent() {
        if (typeof viewImageResize === 'function') {
            viewImageResize();
        }

        if (typeof initializeTheme === 'function') {
            initializeTheme();
        }

        $(document).off('click', 'a.ajax-link').on('click', 'a.ajax-link', function(e) {
            e.preventDefault();
            var url = $(this).attr('href');
            sidebarLoaded = false;
            loadContent(url, false);
        });
    }

    function checkAndInitializeFroalaEditor() {
        if (typeof FroalaEditor !== "undefined" && $('#wr_content').length > 0) {
            initializeFroalaEditor();
        } else {
            // 500ms 후 다시 체크
            setTimeout(checkAndInitializeFroalaEditor, 500);
        }
    }

    function initializeFroalaEditor() {
        if (typeof FroalaEditor !== "undefined" && $('#wr_content').length > 0) {
            new FroalaEditor('#wr_content', {
                language: 'ko',
                heightMin: 300,
            });
        } else {
            console.error("FroalaEditor is not defined or element not found.");
        }
    }

    function loadFroalaEditorScripts() {
        // FroalaEditor CSS
        var froalaCssPath = '/plugin/editor/froala_editor_4.2.0/css/froala_editor.pkgd.css';
        if (!$('link[href="' + froalaCssPath + '"]').length) {
            $('<link>', {
                rel: 'stylesheet',
                type: 'text/css',
                href: froalaCssPath
            }).appendTo('head');
        }

        // Froala custom CSS
        var froalaCustomCssPath = '/plugin/editor/froala_editor_4.2.0/css/sir_custom.css';
        if (!$('link[href="' + froalaCustomCssPath + '"]').length) {
            $('<link>', {
                rel: 'stylesheet',
                type: 'text/css',
                href: froalaCustomCssPath
            }).appendTo('head');
        }

        // FroalaEditor JS
        var froalaJsPath = '/plugin/editor/froala_editor_4.2.0/js/froala_editor.pkgd.min.js';
        if (!$('script[src="' + froalaJsPath + '"]').length) {
            $.getScript(froalaJsPath)
                .done(function() {
                    // FroalaEditor 스크립트가 로드된 후 초기화
                    window.addEventListener('DOMContentLoaded', checkAndInitializeFroalaEditor);
                    window.addEventListener('load', checkAndInitializeFroalaEditor);
                })
                .fail(function() {
                    console.error("Failed to load FroalaEditor script.");
                });
        } else {
            // FroalaEditor 스크립트가 이미 로드된 경우
            window.addEventListener('DOMContentLoaded', checkAndInitializeFroalaEditor);
            window.addEventListener('load', checkAndInitializeFroalaEditor);
        }
    }

    $(document).ready(function() {
        loadContent(window.location.pathname, true);
        initializeContent();
        loadFroalaEditorScripts();

        $(window).on('popstate', function() {
            loadContent(location.pathname, true);
        });
    });
})();
</pre>

<p>