프로알라 에디터 리소스 로딩을 게시판에서만 호출 하기

팁과노하우

2025.05.28 17:06

프로알라 에디터 리소스 로딩을 게시판에서만 호출 하기

미니님a미니홈 1:1 대화하기 오래 전 2025.05.28 17:06
71

1

안녕하세요...

미니님a입니다.

프로알라 에디터를 사용하시는 분이라면

관리자 페이지 내 script + css 를 호출하고 있을 것입니다.

$1748419407_65dae2f3ad6b7db9_{DC60893D-10BF-4649-BDA0-4E5473FC1501}.png$

이렇게 되면, 다소 아쉬운 점이 한가지 발생합니다.

게시판이 없는 메인에서도 혹은 일반 페이지에서도 저 데이터를 호출하게 되어, 링크가 됩니다.

이렇게 되면, 캐싱이 되지 않은 상태라면, 메인 페이지 속도가 일부 저하 될 수 있습니다.

따라서, 게시판인 경우에만 호출 할 수 있게 기능을 조금 개선할 수 있습니다.

먼저 관리자 페이지 내 저기 작성한 코드는 깔끔하게 그냥 지워주시고,

테마를 사용하신다면 theme/스킨/head.sub.php 파일을 열어 주시구요

테마를 사용하지 않는다면 head.sub.php 파일을 열어 주시면 됩니다.

찾을 코드는

?><!--[if lte IE 8]>

이코드 찾아주세요

그리고 ?> 끝나기 바로 위에 아래 코드를 넣어 주시면 됩니다.

if(isset($bo_table) && $bo_table) {    
add_stylesheet('<link rel="stylesheet" href="/plugin/editor/froala_editor_4.2.0/css/third_party/embedly.min.css">', 0);    
add_stylesheet('<link href="/plugin/editor/froala_editor_4.2.0/css/froala_style.min.css" rel="stylesheet" type="text/css" />', 0);    
add_stylesheet('<link rel="stylesheet" href="/plugin/editor/froala_editor_4.2.0/css/sir_custom.css">', 0);    
add_javascript('<script src="https://cdn.embedly.com/widgets/platform.js" charset="UTF-8"></script>', 0);    
add_stylesheet('<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tui-image-editor@3.2.2/dist/tui-image-editor.css">', 0);    
add_stylesheet('<link rel="stylesheet" href="https://uicdn.toast.com/tui-color-picker/latest/tui-color-picker.css">', 0);
}

위치가 헤갈리신다면 아래 스크린샷을 참조 하세요