From 9a1e73ec4f0004be736872c39a78480566ddf437 Mon Sep 17 00:00:00 2001
From: Rinjae <dearmai@dearmai.net>
Date: Tue, 30 Dec 2025 15:32:23 +0900
Subject: [PATCH 1/2] =?UTF-8?q?=EA=B0=9C=EB=B0=9C=EC=9E=90=ED=8F=AC?=
 =?UTF-8?q?=ED=83=88=20=EA=B4=80=EB=A0=A8=20summernote=20=EC=98=81?=
 =?UTF-8?q?=EC=97=AD=20=EC=97=90=EB=94=94=ED=84=B0=20=EC=8A=A4=ED=83=80?=
 =?UTF-8?q?=EC=9D=BC=20=EC=A0=95=EA=B7=9C=ED=99=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 WebContent/css/editor-content.css             | 334 ++++++++++++++++++
 .../onl/apim/portalfaq/portalFaqManDetail.jsp |   2 +
 .../portalnotice/portalNoticeManDetail.jsp    |   2 +
 .../apim/portalterms/portalTermsManDetail.jsp |   2 +
 4 files changed, 340 insertions(+)
 create mode 100644 WebContent/css/editor-content.css

diff --git a/WebContent/css/editor-content.css b/WebContent/css/editor-content.css
new file mode 100644
index 0000000..c144110
--- /dev/null
+++ b/WebContent/css/editor-content.css
@@ -0,0 +1,334 @@
+/**
+ * Editor Content Styles (editor-content.css)
+ *
+ * Summernote 에디터로 작성된 HTML 콘텐츠의 공통 스타일
+ * 관리자포탈/개발자포탈 양쪽에서 동일하게 사용
+ *
+ * 사용법:
+ * - 관리자포탈: Summernote .note-editable에 .editor-content 클래스 추가
+ * - 개발자포탈: 콘텐츠 wrapper에 .editor-content 클래스 추가
+ *
+ * @version 1.0.0
+ * @date 2025-12-30
+ */
+
+/* ==========================================================================
+   CSS Reset + 기본 설정
+   ========================================================================== */
+
+.editor-content {
+    all: revert;
+    font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
+    font-size: 16px !important;
+    font-weight: 400 !important;
+    line-height: 1.8 !important;
+    color: #1A1A2E !important;
+    word-wrap: break-word;
+    text-align: left !important;
+}
+
+/* ==========================================================================
+   헤딩 (Headings)
+   ========================================================================== */
+
+.editor-content h1 {
+    font-size: 20px !important;
+    font-weight: 700 !important;
+    margin: 32px 0 16px !important;
+    line-height: 1.4 !important;
+    color: #1A1A2E !important;
+}
+
+.editor-content h1:first-child {
+    margin-top: 0 !important;
+}
+
+.editor-content h2 {
+    font-size: 18px !important;
+    font-weight: 700 !important;
+    margin: 24px 0 8px !important;
+    line-height: 1.4 !important;
+    color: #1A1A2E !important;
+}
+
+.editor-content h3 {
+    font-size: 16px !important;
+    font-weight: 600 !important;
+    margin: 16px 0 8px !important;
+    line-height: 1.4 !important;
+    color: #1A1A2E !important;
+}
+
+.editor-content h4,
+.editor-content h5,
+.editor-content h6 {
+    font-size: 16px !important;
+    font-weight: 600 !important;
+    margin: 16px 0 8px !important;
+    line-height: 1.4 !important;
+    color: #1A1A2E !important;
+}
+
+/* ==========================================================================
+   단락 (Paragraphs)
+   ========================================================================== */
+
+.editor-content p {
+    margin-bottom: 16px !important;
+    line-height: 1.8 !important;
+    font-size: 16px !important;
+}
+
+.editor-content p:last-child {
+    margin-bottom: 0 !important;
+}
+
+/* ==========================================================================
+   리스트 (Lists) - 글로벌 reset 대응
+   ========================================================================== */
+
+.editor-content ul {
+    list-style-type: disc !important;
+    padding-left: 32px !important;
+    margin: 16px 0 !important;
+}
+
+.editor-content ol {
+    list-style-type: decimal !important;
+    padding-left: 32px !important;
+    margin: 16px 0 !important;
+}
+
+.editor-content li {
+    margin-bottom: 8px !important;
+    line-height: 1.8 !important;
+    font-size: 16px !important;
+}
+
+.editor-content li:last-child {
+    margin-bottom: 0 !important;
+}
+
+/* 중첩 리스트 */
+.editor-content ul ul {
+    list-style-type: circle !important;
+    margin: 8px 0 !important;
+}
+
+.editor-content ul ul ul {
+    list-style-type: square !important;
+}
+
+.editor-content ol ol {
+    list-style-type: lower-alpha !important;
+    margin: 8px 0 !important;
+}
+
+.editor-content ol ol ol {
+    list-style-type: lower-roman !important;
+}
+
+/* ==========================================================================
+   테이블 (Tables)
+   ========================================================================== */
+
+.editor-content table {
+    width: 100% !important;
+    border-collapse: collapse !important;
+    margin: 24px 0 !important;
+    border: 1px solid #E2E8F0 !important;
+    border-radius: 8px !important;
+    overflow: hidden !important;
+    font-size: 14px !important;
+}
+
+.editor-content th,
+.editor-content td {
+    border: 1px solid #E2E8F0 !important;
+    padding: 8px 16px !important;
+    text-align: left !important;
+    vertical-align: top !important;
+}
+
+.editor-content th {
+    background: #EFF6FF !important;
+    font-weight: 600 !important;
+    color: #1A1A2E !important;
+}
+
+.editor-content tr:hover {
+    background: #F8FAFC !important;
+}
+
+/* ==========================================================================
+   링크 (Links)
+   ========================================================================== */
+
+.editor-content a {
+    color: #0049b4 !important;
+    text-decoration: underline !important;
+    transition: color 0.3s ease !important;
+}
+
+.editor-content a:hover {
+    color: #003080 !important;
+}
+
+/* ==========================================================================
+   인용문 (Blockquote)
+   ========================================================================== */
+
+.editor-content blockquote {
+    border-left: 4px solid #0049b4 !important;
+    padding: 16px 24px !important;
+    margin: 24px 0 !important;
+    background: #F8FAFC !important;
+    font-style: italic !important;
+    color: #64748B !important;
+    border-radius: 0 8px 8px 0 !important;
+}
+
+.editor-content blockquote p {
+    margin-bottom: 0 !important;
+}
+
+/* ==========================================================================
+   이미지 (Images)
+   ========================================================================== */
+
+.editor-content img {
+    max-width: 100% !important;
+    height: auto !important;
+    border-radius: 8px !important;
+    margin: 16px 0 !important;
+    display: block !important;
+}
+
+/* ==========================================================================
+   코드 (Code)
+   ========================================================================== */
+
+.editor-content code {
+    background: #F8FAFC !important;
+    padding: 2px 6px !important;
+    border-radius: 4px !important;
+    font-family: 'Fira Code', 'Courier New', monospace !important;
+    font-size: 0.9em !important;
+    color: #0049b4 !important;
+}
+
+.editor-content pre {
+    background: #F8FAFC !important;
+    border: 1px solid #E2E8F0 !important;
+    border-radius: 8px !important;
+    padding: 16px !important;
+    overflow-x: auto !important;
+    margin: 16px 0 !important;
+}
+
+.editor-content pre code {
+    background: transparent !important;
+    padding: 0 !important;
+    color: #1A1A2E !important;
+}
+
+/* ==========================================================================
+   구분선 (Horizontal Rule)
+   ========================================================================== */
+
+.editor-content hr {
+    border: none !important;
+    border-top: 1px solid #E2E8F0 !important;
+    margin: 32px 0 !important;
+}
+
+/* ==========================================================================
+   텍스트 강조 (Text Emphasis)
+   ========================================================================== */
+
+.editor-content strong,
+.editor-content b {
+    font-weight: 700 !important;
+}
+
+.editor-content em,
+.editor-content i {
+    font-style: italic !important;
+}
+
+.editor-content u {
+    text-decoration: underline !important;
+}
+
+.editor-content s,
+.editor-content strike,
+.editor-content del {
+    text-decoration: line-through !important;
+}
+
+.editor-content mark {
+    background-color: #FEF3C7 !important;
+    padding: 0 2px !important;
+}
+
+.editor-content sub {
+    vertical-align: sub !important;
+    font-size: 0.8em !important;
+}
+
+.editor-content sup {
+    vertical-align: super !important;
+    font-size: 0.8em !important;
+}
+
+/* ==========================================================================
+   반응형 (Responsive)
+   ========================================================================== */
+
+@media (max-width: 768px) {
+    .editor-content {
+        font-size: 14px !important;
+    }
+
+    .editor-content h1 {
+        font-size: 18px !important;
+    }
+
+    .editor-content h2 {
+        font-size: 16px !important;
+    }
+
+    .editor-content h3,
+    .editor-content h4,
+    .editor-content h5,
+    .editor-content h6 {
+        font-size: 14px !important;
+    }
+
+    .editor-content p,
+    .editor-content li {
+        font-size: 14px !important;
+    }
+
+    .editor-content table {
+        font-size: 12px !important;
+    }
+
+    .editor-content th,
+    .editor-content td {
+        padding: 4px 8px !important;
+    }
+
+    .editor-content ul,
+    .editor-content ol {
+        padding-left: 24px !important;
+    }
+
+    .editor-content blockquote {
+        padding: 8px 16px !important;
+    }
+
+    .editor-content pre {
+        padding: 8px !important;
+    }
+}
diff --git a/WebContent/jsp/onl/apim/portalfaq/portalFaqManDetail.jsp b/WebContent/jsp/onl/apim/portalfaq/portalFaqManDetail.jsp
index 5bc469a..d82566d 100644
--- a/WebContent/jsp/onl/apim/portalfaq/portalFaqManDetail.jsp
+++ b/WebContent/jsp/onl/apim/portalfaq/portalFaqManDetail.jsp
@@ -13,6 +13,7 @@
 	<title>FAQ 상세</title>
 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 	<jsp:include page="/jsp/common/include/css.jsp"/>
+	<link rel="stylesheet" type="text/css" href="<c:url value="/css/editor-content.css"/>"/>
 	<jsp:include page="/jsp/common/include/script.jsp"/>
 	<script language="javascript">
 		var url = '<c:url value="/onl/apim/portalfaq/portalFaqMan.json" />';
@@ -80,6 +81,7 @@
 				],
 				callbacks: {
 					onInit: function() {
+						$('.note-editable').addClass('editor-content');
 						$('.note-editable').on('keydown', function(e) {
 							if (e.keyCode === 8) {
 								e.stopPropagation();
diff --git a/WebContent/jsp/onl/apim/portalnotice/portalNoticeManDetail.jsp b/WebContent/jsp/onl/apim/portalnotice/portalNoticeManDetail.jsp
index 94cba67..995d038 100644
--- a/WebContent/jsp/onl/apim/portalnotice/portalNoticeManDetail.jsp
+++ b/WebContent/jsp/onl/apim/portalnotice/portalNoticeManDetail.jsp
@@ -13,6 +13,7 @@
 <title></title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <jsp:include page="/jsp/common/include/css.jsp"/>
+<link rel="stylesheet" type="text/css" href="<c:url value="/css/editor-content.css"/>"/>
 <jsp:include page="/jsp/common/include/script.jsp"/>
 
 <script language="javascript" >
@@ -150,6 +151,7 @@
 			],
 			callbacks: {
 				onInit: function() {
+					$('.note-editable').addClass('editor-content');
 					$('.note-editable').on('keydown', function(e) {
 						if (e.keyCode === 8) {
 							e.stopPropagation();
diff --git a/WebContent/jsp/onl/apim/portalterms/portalTermsManDetail.jsp b/WebContent/jsp/onl/apim/portalterms/portalTermsManDetail.jsp
index 82f5b5b..2eee051 100644
--- a/WebContent/jsp/onl/apim/portalterms/portalTermsManDetail.jsp
+++ b/WebContent/jsp/onl/apim/portalterms/portalTermsManDetail.jsp
@@ -18,6 +18,7 @@
 	<title>이용약관 상세</title>
 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 	<jsp:include page="/jsp/common/include/css.jsp"/>
+	<link rel="stylesheet" type="text/css" href="<c:url value="/css/editor-content.css"/>"/>
 	<jsp:include page="/jsp/common/include/script.jsp"/>
 	<jsp:include page="/jsp/common/include/portal.jsp"/>
 	<script language="javascript">
@@ -140,6 +141,7 @@
 				],
 				callbacks: {
 					onInit: function() {
+						$('.note-editable').addClass('editor-content');
 						$('.note-editable').on('keydown', function(e) {
 							if (e.keyCode === 8) {
 								e.stopPropagation();

From a7fe811fb9e40b219863160f444eba4d361cb3f6 Mon Sep 17 00:00:00 2001
From: Rinjae <dearmai@dearmai.net>
Date: Tue, 30 Dec 2025 21:37:37 +0900
Subject: [PATCH 2/2] Refactor Summernote initialization for consistency and
 improved readability

---
 WebContent/WEB-INF/web.xml                    |  45 +---
 WebContent/jsp/common/include/script.jsp      | 239 ++++++++++++++++++
 .../onl/apim/portalfaq/portalFaqManDetail.jsp |  24 +-
 .../portalinquiry/portalInquiryManDetail.jsp  |  24 +-
 .../portalnotice/portalNoticeManDetail.jsp    |  24 +-
 .../apim/portalterms/portalTermsManDetail.jsp |  26 +-
 .../apim/template/messageTemplateManPopup.jsp |  14 +-
 .../onl/transaction/apim/apiSpecManPopup.jsp  |  18 +-
 .../eai/rms/common/filter/RequestWrapper.java |  50 +++-
 9 files changed, 320 insertions(+), 144 deletions(-)

diff --git a/WebContent/WEB-INF/web.xml b/WebContent/WEB-INF/web.xml
index dc7a0ea..a73128b 100644
--- a/WebContent/WEB-INF/web.xml
+++ b/WebContent/WEB-INF/web.xml
@@ -9,16 +9,7 @@
 		<param-name>contextConfigLocation</param-name>
 		<param-value>/WEB-INF/applicationContext.xml</param-value>
 	</context-param>
-	<!-- XSS Filter -->	
-	<filter>
-		<filter-name>CrossScriptingFilter</filter-name>
-		<filter-class>com.eactive.eai.rms.common.filter.CrossScriptingFilter</filter-class>
-	</filter>
-	<filter-mapping>
-		<filter-name>CrossScriptingFilter</filter-name>
-		<url-pattern>/*</url-pattern>
-	</filter-mapping>
-  	
+	<!-- Encoding Filter (반드시 다른 필터보다 먼저 적용되어야 함) -->
 	<filter>
 	    <filter-name>encodingFilter</filter-name>
 	    <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
@@ -31,30 +22,20 @@
 	    <param-value>true</param-value>
 	   </init-param>
 	</filter>
+	<!-- encodingFilter를 모든 요청에 먼저 적용 -->
+	<filter-mapping>
+	  <filter-name>encodingFilter</filter-name>
+	  <url-pattern>/*</url-pattern>
+	</filter-mapping>
+
+	<!-- XSS Filter (encodingFilter 다음에 적용) -->
 	<filter>
-	    <filter-name>encodingFilterEUCKR</filter-name>
-	    <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
-	     <init-param>
-	       <param-name>encoding</param-name>
-	       <param-value>utf-8</param-value>
-	   </init-param>
-	   <init-param>
-	       <param-name>forceEncoding</param-name>
-	    <param-value>true</param-value>
-	   </init-param>
+		<filter-name>CrossScriptingFilter</filter-name>
+		<filter-class>com.eactive.eai.rms.common.filter.CrossScriptingFilter</filter-class>
 	</filter>
 	<filter-mapping>
-	  <filter-name>encodingFilterEUCKR</filter-name>
-	  <url-pattern>*.excel</url-pattern>
-	</filter-mapping>
-	<filter-mapping>
-	  <filter-name>encodingFilter</filter-name>
-	  <url-pattern>*.file</url-pattern>
-	</filter-mapping>
-	<!-- Tomcat 에서는 필요. Weblogic 에서는 불필요함 -->
-	<filter-mapping>
-	  <filter-name>encodingFilter</filter-name>
-	  <url-pattern>*.json</url-pattern>
+		<filter-name>CrossScriptingFilter</filter-name>
+		<url-pattern>/*</url-pattern>
 	</filter-mapping>
 
 <!-- 
@@ -168,6 +149,6 @@
 	</jsp-config>
 	
 	<session-config>
-    	    <session-timeout>30</session-timeout>	
+    	    <session-timeout>30</session-timeout>
 	</session-config>
 </web-app>
\ No newline at end of file
diff --git a/WebContent/jsp/common/include/script.jsp b/WebContent/jsp/common/include/script.jsp
index 873de95..d96ba34 100644
--- a/WebContent/jsp/common/include/script.jsp
+++ b/WebContent/jsp/common/include/script.jsp
@@ -60,8 +60,247 @@
 <script src="<c:url value="/addon/summernote/summernote-cleaner.js"/>"></script>
 <script src="<c:url value="/addon/summernote/lang/summernote-ko-KR.js"/>"></script>
 
+<!-- Summernote 스타일 -->
+<style>
+.note-editable img {
+    max-width: 100%;
+    cursor: pointer;
+}
+.note-editable img.note-image-resizing {
+    outline: 2px solid #007bff;
+}
+/* 이미지 리사이즈 핸들 스타일 */
+.note-control-sizing {
+    display: block !important;
+}
+.note-control-holder {
+    position: relative;
+}
+.note-control-holder .note-control-sizing {
+    position: absolute;
+    width: 10px;
+    height: 10px;
+    border: 1px solid #333;
+    background-color: #fff;
+}
+/* 코드뷰 모드 가로 사이즈 고정 */
+.note-editor .note-codable {
+    width: 100% !important;
+    max-width: 100% !important;
+    box-sizing: border-box !important;
+    resize: vertical !important;
+    white-space: pre-wrap !important;
+    word-wrap: break-word !important;
+    overflow-x: auto !important;
+}
+.note-editor.note-frame {
+    overflow: hidden;
+}
+</style>
+
 <script language="javascript">
 
+    /**
+     * Summernote 에디터 공통 초기화 함수
+     * - 이미지 붙여넣기 시 data-uri(Base64) 방식으로 처리
+     * - 이미지 리사이징 지원
+     * @param {string} selector - 에디터 selector (예: '#contents')
+     * @param {object} customOptions - 추가 옵션 (선택사항)
+     */
+    function initSummernote(selector, customOptions) {
+        customOptions = customOptions || {};
+
+        // 기본 설정
+        var defaultOptions = {
+            placeholder: customOptions.placeholder || '여기에 내용을 입력하세요.',
+            height: customOptions.height || 300,
+            lang: 'ko-KR',
+            toolbar: customOptions.toolbar || [
+                ['style', ['style']],
+                ['font', ['bold', 'underline', 'clear']],
+                ['color', ['color']],
+                ['para', ['ul', 'ol', 'paragraph']],
+                ['table', ['table']],
+                ['insert', ['link', 'picture']],
+                ['view', ['fullscreen', 'codeview', 'help']]
+            ],
+            // 이미지 팝오버 설정 - 리사이징 지원
+            popover: {
+                image: [
+                    ['resize', ['resizeFull', 'resizeHalf', 'resizeQuarter', 'resizeNone']],
+                    ['float', ['floatLeft', 'floatRight', 'floatNone']],
+                    ['remove', ['removeMedia']]
+                ]
+            },
+            callbacks: {
+                onInit: function() {
+                    var $editable = $(selector).next('.note-editor').find('.note-editable');
+                    $editable.addClass('editor-content');
+                    $editable.on('keydown', function(e) {
+                        if (e.keyCode === 8) {
+                            e.stopPropagation();
+                        }
+                    });
+
+                    // 커스텀 onInit 콜백 호출
+                    if (customOptions.callbacks && customOptions.callbacks.onInit) {
+                        customOptions.callbacks.onInit.call(this);
+                    }
+                },
+                // 이미지 업로드 처리 - data-uri(Base64) 방식
+                onImageUpload: function(files) {
+                    for (var i = 0; i < files.length; i++) {
+                        insertImageAsDataUri(files[i], $(selector));
+                    }
+                },
+                // 붙여넣기 시 이미지 처리 (MS Office 등에서 복사한 이미지 포함)
+                onPaste: function(e) {
+                    var clipboardData = e.originalEvent.clipboardData;
+                    if (!clipboardData || !clipboardData.items) return;
+
+                    var items = clipboardData.items;
+                    var imageFile = null;
+
+                    // 1. 먼저 순수 이미지 파일이 있는지 확인
+                    for (var i = 0; i < items.length; i++) {
+                        if (items[i].type.indexOf('image') !== -1) {
+                            imageFile = items[i].getAsFile();
+                            break;
+                        }
+                    }
+
+                    // 2. 이미지 파일이 있으면 data-uri로 변환하여 삽입
+                    if (imageFile) {
+                        e.preventDefault();
+                        e.stopPropagation();
+                        insertImageAsDataUri(imageFile, $(selector));
+                        return;
+                    }
+
+                    // 3. HTML 붙여넣기인 경우 (MS Office 등) - 이미지 태그 정리
+                    var htmlData = clipboardData.getData('text/html');
+                    if (htmlData && htmlData.indexOf('<img') !== -1) {
+                        e.preventDefault();
+                        e.stopPropagation();
+
+                        // HTML에서 이미지 src 추출 및 정리
+                        var cleanedHtml = cleanPastedHtml(htmlData);
+
+                        // 에디터에 포커스 후 HTML 삽입
+                        $(selector).summernote('focus');
+                        setTimeout(function() {
+                            $(selector).summernote('pasteHTML', cleanedHtml);
+                        }, 10);
+                        return;
+                    }
+                }
+            }
+        };
+
+        // 커스텀 옵션 병합 (callbacks는 위에서 별도 처리)
+        var mergedOptions = $.extend(true, {}, defaultOptions, customOptions);
+
+        // callbacks는 기본 콜백을 유지하면서 커스텀 콜백 추가
+        mergedOptions.callbacks = defaultOptions.callbacks;
+        if (customOptions.callbacks) {
+            // onInit은 위에서 이미 처리됨
+            // 다른 커스텀 콜백 추가
+            for (var key in customOptions.callbacks) {
+                if (key !== 'onInit' && key !== 'onImageUpload' && key !== 'onPaste') {
+                    mergedOptions.callbacks[key] = customOptions.callbacks[key];
+                }
+            }
+        }
+
+        $(selector).summernote(mergedOptions);
+    }
+
+    /**
+     * 이미지를 Base64 data-uri로 변환하여 에디터에 삽입
+     * @param {File} file - 이미지 파일
+     * @param {jQuery} $editor - summernote 에디터 jQuery 객체
+     */
+    function insertImageAsDataUri(file, $editor) {
+        // 파일 크기 제한 (5MB)
+        var maxSize = 5 * 1024 * 1024;
+        if (file.size > maxSize) {
+            alert('이미지 크기는 5MB를 초과할 수 없습니다.');
+            return;
+        }
+
+        // 이미지 타입 확인
+        if (!file.type.match(/image\/(jpeg|jpg|png|gif|bmp|webp)/i)) {
+            alert('지원하지 않는 이미지 형식입니다. (jpeg, png, gif, bmp, webp만 지원)');
+            return;
+        }
+
+        var reader = new FileReader();
+        reader.onload = function(e) {
+            var dataUri = e.target.result;
+            $editor.summernote('insertImage', dataUri, function($image) {
+                // 이미지 스타일 설정
+                $image.css({
+                    'max-width': '100%',
+                    'height': 'auto'
+                });
+                $image.attr('data-filename', file.name);
+            });
+        };
+        reader.onerror = function() {
+            alert('이미지 읽기에 실패했습니다.');
+        };
+        reader.readAsDataURL(file);
+    }
+
+    /**
+     * 붙여넣기된 HTML 정리 (MS Office 등에서 복사한 내용)
+     * - 불필요한 Office 속성 제거
+     * - 이미지 태그 정리 (alt, v:shapes 등 제거)
+     * @param {string} html - 원본 HTML
+     * @returns {string} 정리된 HTML
+     */
+    function cleanPastedHtml(html) {
+        // 임시 div에서 HTML 파싱
+        var $temp = $('<div>').html(html);
+
+        // 이미지 태그 정리
+        $temp.find('img').each(function() {
+            var $img = $(this);
+            var src = $img.attr('src');
+
+            // src가 없거나 file:// 프로토콜이면 제거
+            if (!src || src.indexOf('file://') === 0) {
+                $img.remove();
+                return;
+            }
+
+            // 불필요한 속성 제거 (Office 관련)
+            var attributesToRemove = ['alt', 'v:shapes', 'o:title', 'style', 'class', 'id', 'name'];
+            attributesToRemove.forEach(function(attr) {
+                $img.removeAttr(attr);
+            });
+
+            // 깨끗한 스타일만 적용
+            $img.css({
+                'max-width': '100%',
+                'height': 'auto'
+            });
+        });
+
+        // VML 태그 제거 (v:, o:, w: 등)
+        var cleanedHtml = $temp.html();
+        cleanedHtml = cleanedHtml.replace(/<v:[^>]*>[\s\S]*?<\/v:[^>]*>/gi, '');
+        cleanedHtml = cleanedHtml.replace(/<o:[^>]*>[\s\S]*?<\/o:[^>]*>/gi, '');
+        cleanedHtml = cleanedHtml.replace(/<w:[^>]*>[\s\S]*?<\/w:[^>]*>/gi, '');
+        cleanedHtml = cleanedHtml.replace(/<!\[if[^>]*>[\s\S]*?<!\[endif\]>/gi, '');
+
+        // Office 네임스페이스 속성 제거
+        cleanedHtml = cleanedHtml.replace(/\s*v:[a-z]+="[^"]*"/gi, '');
+        cleanedHtml = cleanedHtml.replace(/\s*o:[a-z]+="[^"]*"/gi, '');
+
+        return cleanedHtml;
+    }
+
     function buttonControl() {
         if (arguments.length == 0) {
             $("img[level], button[level]").hide();
diff --git a/WebContent/jsp/onl/apim/portalfaq/portalFaqManDetail.jsp b/WebContent/jsp/onl/apim/portalfaq/portalFaqManDetail.jsp
index d82566d..4dda432 100644
--- a/WebContent/jsp/onl/apim/portalfaq/portalFaqManDetail.jsp
+++ b/WebContent/jsp/onl/apim/portalfaq/portalFaqManDetail.jsp
@@ -67,28 +67,10 @@
 				buttonControl(false);
 			}
 
-			$('#faqAnswer').summernote({
+			// Summernote 에디터 초기화 (이미지 붙여넣기 data-uri 방식, 리사이징 지원)
+			initSummernote('#faqAnswer', {
 				placeholder: '여기에 답변을 입력하세요.',
-				height: 300,
-				toolbar: [
-					['style', ['style']],
-					['font', ['bold', 'underline', 'clear']],
-					['color', ['color']],
-					['para', ['ul', 'ol', 'paragraph']],
-					['table', ['table']],
-					['insert', ['link', 'picture']],
-					['view', ['fullscreen', 'codeview', 'help']]
-				],
-				callbacks: {
-					onInit: function() {
-						$('.note-editable').addClass('editor-content');
-						$('.note-editable').on('keydown', function(e) {
-							if (e.keyCode === 8) {
-								e.stopPropagation();
-							}
-						});
-					}
-				}
+				height: 300
 			});
 
 			if (key) {
diff --git a/WebContent/jsp/onl/apim/portalinquiry/portalInquiryManDetail.jsp b/WebContent/jsp/onl/apim/portalinquiry/portalInquiryManDetail.jsp
index b146cfa..7711d66 100644
--- a/WebContent/jsp/onl/apim/portalinquiry/portalInquiryManDetail.jsp
+++ b/WebContent/jsp/onl/apim/portalinquiry/portalInquiryManDetail.jsp
@@ -109,26 +109,10 @@
 			var returnUrl = getReturnUrlForReturn();
 			var key = "${param.id}";
 
-			$('#responseDetail').summernote({
-				height: 200,
-				toolbar: [
-					['style', ['style']],
-					['font', ['bold', 'underline', 'clear']],
-					['color', ['color']],
-					['para', ['ul', 'ol', 'paragraph']],
-					['table', ['table']],
-					['insert', ['link']],
-					['view', ['codeview', 'help']]
-				],
-				callbacks: {
-					onInit: function () {
-						$('.note-editable').on('keydown', function (e) {
-							if (e.keyCode === 8) {
-								e.stopPropagation();
-							}
-						});
-					}
-				}
+			// Summernote 에디터 초기화 (이미지 붙여넣기 data-uri 방식, 리사이징 지원)
+			initSummernote('#responseDetail', {
+				placeholder: '여기에 답변을 입력하세요.',
+				height: 200
 			});
 
 			if (key) {
diff --git a/WebContent/jsp/onl/apim/portalnotice/portalNoticeManDetail.jsp b/WebContent/jsp/onl/apim/portalnotice/portalNoticeManDetail.jsp
index 995d038..0cdfd32 100644
--- a/WebContent/jsp/onl/apim/portalnotice/portalNoticeManDetail.jsp
+++ b/WebContent/jsp/onl/apim/portalnotice/portalNoticeManDetail.jsp
@@ -137,28 +137,10 @@
 
 		init();
 
-		$('#contents').summernote({
+		// Summernote 에디터 초기화 (이미지 붙여넣기 data-uri 방식, 리사이징 지원)
+		initSummernote('#contents', {
 			placeholder: '여기에 내용을 입력하세요.',
-			height: 300,
-			toolbar: [
-				['style', ['style']],
-				['font', ['bold', 'underline', 'clear']],
-				['color', ['color']],
-				['para', ['ul', 'ol', 'paragraph']],
-				['table', ['table']],
-				['insert', ['link']],
-				['view', ['codeview', 'help']]
-			],
-			callbacks: {
-				onInit: function() {
-					$('.note-editable').addClass('editor-content');
-					$('.note-editable').on('keydown', function(e) {
-						if (e.keyCode === 8) {
-							e.stopPropagation();
-						}
-					});
-				}
-			}
+			height: 300
 		});
 
 		if (key) {
diff --git a/WebContent/jsp/onl/apim/portalterms/portalTermsManDetail.jsp b/WebContent/jsp/onl/apim/portalterms/portalTermsManDetail.jsp
index 2eee051..200ba71 100644
--- a/WebContent/jsp/onl/apim/portalterms/portalTermsManDetail.jsp
+++ b/WebContent/jsp/onl/apim/portalterms/portalTermsManDetail.jsp
@@ -127,28 +127,10 @@
 				}
 			});
 
-			$('#contents').summernote({
-				placeholder: '여기에 답변을 입력하세요.',
-				height: 300,
-				toolbar: [
-					['style', ['style']],
-					['font', ['bold', 'underline', 'clear']],
-					['color', ['color']],
-					['para', ['ul', 'ol', 'paragraph']],
-					['table', ['table']],
-					['insert', ['link']],
-					['view', ['fullscreen', 'codeview', 'help']]
-				],
-				callbacks: {
-					onInit: function() {
-						$('.note-editable').addClass('editor-content');
-						$('.note-editable').on('keydown', function(e) {
-							if (e.keyCode === 8) {
-								e.stopPropagation();
-							}
-						});
-					}
-				}
+			// Summernote 에디터 초기화 (이미지 붙여넣기 data-uri 방식, 리사이징 지원)
+			initSummernote('#contents', {
+				placeholder: '여기에 약관 내용을 입력하세요.',
+				height: 300
 			});
 
 			if (agreementsType && revision) {
diff --git a/WebContent/jsp/onl/apim/template/messageTemplateManPopup.jsp b/WebContent/jsp/onl/apim/template/messageTemplateManPopup.jsp
index e7208d7..00011c4 100644
--- a/WebContent/jsp/onl/apim/template/messageTemplateManPopup.jsp
+++ b/WebContent/jsp/onl/apim/template/messageTemplateManPopup.jsp
@@ -54,7 +54,8 @@ function detail(key){
 }
 
 $(document).ready(function() {
-	$('#emailTemplate').summernote({
+	// Summernote 에디터 초기화 (이미지 붙여넣기 data-uri 방식, 리사이징 지원)
+	initSummernote('#emailTemplate', {
 		placeholder: '여기에 내용을 입력하세요.',
 		height: 300,
 		toolbar: [
@@ -65,16 +66,7 @@ $(document).ready(function() {
 			['table', ['table']],
 			['insert', ['link', 'picture', 'video']],
 			['view', ['codeview', 'help']]
-		],
-		callbacks: {
-			onInit: function() {
-				$('.note-editable').on('keydown', function(e) {
-					if (e.keyCode === 8) {
-						e.stopPropagation();
-					}
-				});
-			}
-		}
+		]
 	});
 
 	var key ="${param.id}";
diff --git a/WebContent/jsp/onl/transaction/apim/apiSpecManPopup.jsp b/WebContent/jsp/onl/transaction/apim/apiSpecManPopup.jsp
index 138c64f..d35e336 100644
--- a/WebContent/jsp/onl/transaction/apim/apiSpecManPopup.jsp
+++ b/WebContent/jsp/onl/transaction/apim/apiSpecManPopup.jsp
@@ -69,6 +69,7 @@
         }
 
         function initializeSummernote() {
+            // Summernote 에디터 초기화 (이미지 붙여넣기 data-uri 방식, 리사이징 지원)
             var commonOptions = {
                 height: 300,
                 toolbar: [
@@ -79,21 +80,12 @@
                     ['table', ['table']],
                     ['insert', ['link', 'picture', 'video']],
                     ['view', ['codeview', 'help']]
-                ],
-                callbacks: {
-                    onInit: function () {
-                        $('.note-editable').on('keydown', function (e) {
-                            if (e.keyCode === 8) {
-                                e.stopPropagation();
-                            }
-                        });
-                    }
-                }
+                ]
             };
 
-            $('#description').summernote(commonOptions);
-            $('#apiRequestSpec').summernote(commonOptions);
-            $('#apiResponseSpec').summernote(commonOptions);
+            initSummernote('#description', commonOptions);
+            initSummernote('#apiRequestSpec', commonOptions);
+            initSummernote('#apiResponseSpec', commonOptions);
         }
 
         function detail(key) {
diff --git a/src/main/java/com/eactive/eai/rms/common/filter/RequestWrapper.java b/src/main/java/com/eactive/eai/rms/common/filter/RequestWrapper.java
index a9645a2..55f67a4 100644
--- a/src/main/java/com/eactive/eai/rms/common/filter/RequestWrapper.java
+++ b/src/main/java/com/eactive/eai/rms/common/filter/RequestWrapper.java
@@ -15,12 +15,9 @@ class RequestWrapper extends HttpServletRequestWrapper {
 
 	// GS인증 크로스사이트스크립트 보안성 문제로 XSS 공격을 방지하기 위한 악성 스크립트 패턴 정의.
 	// 2025.05.27 패턴 추가
+	// 2025.12.30 src 패턴 수정 - 화이트리스트 방식 (http, https, data:image/ 만 허용)
 	private static final Pattern[] PATTERNS = new Pattern[] {
 			Pattern.compile("<script>(.*?)</script>", Pattern.CASE_INSENSITIVE),
-			Pattern.compile("src[\r\n]*=[\r\n]*\\\'(.*?)\\\'",
-									Pattern.CASE_INSENSITIVE | Pattern.MULTILINE | Pattern.DOTALL),
-			Pattern.compile("src[\r\n]*=[\r\n]*\\\"(.*?)\\\"",
-									Pattern.CASE_INSENSITIVE | Pattern.MULTILINE | Pattern.DOTALL),
 			Pattern.compile("</script>", Pattern.CASE_INSENSITIVE),
 			Pattern.compile("<script(.*?)>",
 									Pattern.CASE_INSENSITIVE | Pattern.MULTILINE | Pattern.DOTALL),
@@ -46,6 +43,16 @@ class RequestWrapper extends HttpServletRequestWrapper {
 									Pattern.CASE_INSENSITIVE | Pattern.MULTILINE | Pattern.DOTALL)
 	};
 
+	// src 속성 화이트리스트 패턴 - data:image/만 허용
+	private static final Pattern SRC_ATTR_PATTERN = Pattern.compile(
+			"(src\\s*=\\s*)([\"'])([^\"']*?)\\2",
+			Pattern.CASE_INSENSITIVE);
+
+	// 허용되는 src 값 패턴 (화이트리스트) - data:image/만 허용
+	private static final Pattern ALLOWED_SRC_PATTERN = Pattern.compile(
+			"^data:image/.*",
+			Pattern.CASE_INSENSITIVE);
+
 
 	public RequestWrapper(HttpServletRequest servletRequest) {
 		super(servletRequest);
@@ -123,6 +130,10 @@ class RequestWrapper extends HttpServletRequestWrapper {
 
 		// script 문자열을 완전히 제거
 		value = value.replaceAll("(?i)\\bscript\\b", "");
+
+		// src 속성 화이트리스트 필터링 - 허용된 프로토콜만 통과
+		value = filterSrcAttribute(value);
+
 		StringBuilder sb = new StringBuilder();
 
 		value = convertChars(value, sb);
@@ -133,6 +144,37 @@ class RequestWrapper extends HttpServletRequestWrapper {
 		return value;
 	}
 
+	/**
+	 * src 속성을 화이트리스트 방식으로 필터링
+	 * 허용: data:image/ (Base64 이미지)
+	 * 비허용: 그 외 모든 프로토콜
+	 */
+	private String filterSrcAttribute(String value) {
+		if (value == null || !value.toLowerCase().contains("src")) {
+			return value;
+		}
+
+		Matcher matcher = SRC_ATTR_PATTERN.matcher(value);
+		StringBuffer result = new StringBuffer();
+
+		while (matcher.find()) {
+			String srcPrefix = matcher.group(1);  // src=
+			String quote = matcher.group(2);      // " 또는 '
+			String srcValue = matcher.group(3);   // src 값
+
+			// 빈 값이거나 화이트리스트에 매칭되면 유지
+			if (srcValue.isEmpty() || ALLOWED_SRC_PATTERN.matcher(srcValue).matches()) {
+				matcher.appendReplacement(result, Matcher.quoteReplacement(srcPrefix + quote + srcValue + quote));
+			} else {
+				// 허용되지 않는 프로토콜은 src="" 로 대체
+				matcher.appendReplacement(result, Matcher.quoteReplacement(srcPrefix + quote + quote));
+			}
+		}
+		matcher.appendTail(result);
+
+		return result.toString();
+	}
+
 	// '(', ')', '"' 문자는 getMethod()가 "get"일 때만 변환됨.
 	// 이는 gridData에서 사용되는 큰따옴표(")와 변환 함수에서 사용하는 괄호('(', ')')의 처리를 위함.
 	private String convertChars(String value, StringBuilder sb) {