djb-eapim/eapim-admin
1
0
Fork 0
Code Issues Pull Requests Actions 4 Packages Projects Releases Wiki Activity

Merge remote-tracking branch 'origin/jenkins_with_weblogic' of C:/KJB_DEV/eapim-bundle/bundles/260107/eapim-admin_incremental_2025-12-15.bundle into jenkins_with_weblogic

Browse Source
This commit is contained in:
Rinjae
2026-01-07 16:59:32 +09:00
parent d171fe6c4c d20d3f0571
commit 15619d11c2
14 changed files with 1524 additions and 268 deletions
Download Patch File Download Diff File Expand all files Collapse all files
WebContent/jsp/common/include/script.jsp
+3 -239
View File
@@ -56,251 +56,15 @@
<script src="<c:url value="/addon/codemirror/addon/lint/json-lint.js"/>"></script>
<script src="<c:url value="/addon/codemirror/addon/lint/css-lint.js"/>"></script>
<!-- Summernote -->
<script src="<c:url value="/addon/summernote/summernote-lite.min.js"/>"></script>
<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 src="<c:url value="/addon/summernote/summernote-custom.js"/>"></script>
<link rel="stylesheet" type="text/css" href="<c:url value="/addon/summernote/summernote-custom.css"/>"/>
<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();
WebContent/jsp/onl/apim/portalterms/portalTermsManDetail.jsp
+123 -11
View File
@@ -19,12 +19,45 @@
<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"/>"/>
<style>
.file-link {
color: #0049b4;
text-decoration: none;
}
.file-link:hover {
text-decoration: underline;
}
.file-size {
color: #888;
font-size: 12px;
}
.btn-file-delete {
background: none;
border: none;
cursor: pointer;
color: #dc3545;
padding: 2px 4px;
margin-left: 8px;
vertical-align: middle;
}
.btn-file-delete:hover {
color: #a71d2a;
}
.btn-file-delete .material-icons {
font-size: 16px;
vertical-align: middle;
}
</style>
<jsp:include page="/jsp/common/include/script.jsp"/>
<jsp:include page="/jsp/common/include/portal.jsp"/>
<script language="javascript">
var url = '<c:url value="/onl/apim/portalterms/portalTermsMan.json" />';
var url_view = '<c:url value="/onl/apim/portalterms/portalTermsMan.view" />';
var imageUploadUrl = '<c:url value="/onl/apim/editor/image/upload.json" />';
var imageViewUrl = '<c:url value="/onl/apim/editor/image/view.do" />';
var fileDownloadUrl = '<c:url value="/file/download.do" />';
var isDetail = false;
var currentAttachedFileId = null;
function decodeHTMLEntities(text) {
var textArea = document.createElement('textarea');
@@ -32,6 +65,42 @@
return textArea.value;
}
function formatFileSize(bytes) {
if (!bytes || bytes === 0) return '0 B';
var k = 1024;
var sizes = ['B', 'KB', 'MB', 'GB'];
var i = Math.floor(Math.log(bytes) / Math.log(k));
return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
}
function showAttachedFile(fileId, fileName, fileSize) {
var downloadLink = fileDownloadUrl + '?fileId=' + fileId + '&fileSn=1';
var html = '<a href="' + downloadLink + '" class="file-link" title="다운로드">' +
'<i class="material-icons" style="vertical-align: middle; font-size: 18px;">attach_file</i> ' +
fileName + '</a>';
if (fileSize) {
html += ' <span class="file-size">(' + formatFileSize(fileSize) + ')</span>';
}
html += ' <button type="button" class="btn-file-delete" onclick="deleteAttachedFile()" title="삭제">' +
'<i class="material-icons">close</i></button>';
$('#attachedFileInfo').html(html).show();
$('#attachedFileInput').hide();
}
function hideAttachedFile() {
$('#attachedFileInfo').html('').hide();
$('#attachedFileInput').show();
$('#attachedFile').val('');
}
function deleteAttachedFile() {
if (confirm('첨부파일을 삭제하시겠습니까?')) {
currentAttachedFileId = null;
$('#deleteAttachment').val('true');
hideAttachedFile();
}
}
function init() {
$.ajax({
type: "POST",
@@ -73,7 +142,9 @@
$("#status").val(data.status);
var decodedContent = decodeHTMLEntities(data.contents);
$('#contents').summernote('code', decodedContent);
// 플레이스홀더를 이미지 태그로 변환하여 에디터에 표시
var htmlContent = convertPlaceholdersToImages(decodedContent, imageViewUrl);
$('#contents').summernote('code', htmlContent);
if (data.publishedOn) {
$("#publishedOnDisplay").val(gridDateFormat(data.publishedOn));
@@ -86,6 +157,14 @@
$("#createdDate").text(timeStampFormat(data.createdDate));
$("#lastModifiedDate").text(timeStampFormat(data.lastModifiedDate));
$("#lastModifiedByName").text(data.lastModifiedByName);
// 첨부파일 정보 표시
currentAttachedFileId = data.attachedFileId;
if (data.attachedFileId && data.attachedFileName) {
showAttachedFile(data.attachedFileId, data.attachedFileName, data.attachedFileSize);
} else {
hideAttachedFile();
}
},
error: function (e) {
alert(e.responseText);
@@ -127,10 +206,13 @@
}
});
// Summernote 에디터 초기화 (이미지 붙여넣기 data-uri 방식, 리사이징 지원)
// Summernote 에디터 초기화 (파일 업로드 방식, 리사이징 지원)
initSummernote('#contents', {
placeholder: '여기에 약관 내용을 입력하세요.',
height: 300
height: 300,
useFileUpload: true,
uploadUrl: imageUploadUrl,
imageViewUrl: imageViewUrl
});
if (agreementsType && revision) {
@@ -152,24 +234,43 @@
return;
$("#agreementsType").prop('disabled', false);
var postData = $('#ajaxForm').serializeArray();
if (isDetail) {
postData.push({ name: "cmd", value: "UPDATE" });
} else {
postData.push({ name: "cmd", value: "INSERT" });
// 이미지 태그를 플레이스홀더로 변환 (저장 시)
var contentsWithPlaceholders = convertImagesToPlaceholders(contents);
// 현재 사용 중인 파일 ID 목록 추출
var usedFileIds = extractFileIdsFromContent(contentsWithPlaceholders);
// FormData로 전송 (첨부파일 포함)
var formData = new FormData();
formData.append('cmd', isDetail ? "UPDATE" : "INSERT");
formData.append('agreementsType', $("#agreementsType").val());
formData.append('revision', $("#revisionHidden").val());
formData.append('publishedOn', $("#publishedOn").val());
formData.append('contents', contentsWithPlaceholders);
formData.append('usedFileIds', usedFileIds.join(','));
// 첨부파일 추가
var attachedFile = $('#attachedFile')[0].files[0];
if (attachedFile) {
formData.append('attachedFile', attachedFile);
}
// 첨부파일 삭제 플래그
formData.append('deleteAttachment', $('#deleteAttachment').val() || 'false');
$.ajax({
type: "POST",
url: url,
data: postData,
data: formData,
processData: false,
contentType: false,
success: function (json) {
alert("<%= localeMessage.getString("common.saveMsg") %>");
goNav(returnUrl);
},
error: function (e) {
alert(e.responseText);
var errorMsg = e.responseText || e.statusText || "저장 중 오류가 발생했습니다.";
alert(errorMsg);
}
});
});
@@ -217,8 +318,9 @@
<button type="button" class="cssbtn" id="btn_previous" level="R" status="DETAIL,NEW"><i class="material-icons">arrow_back</i> <%= localeMessage.getString("button.previous") %></button>
</div>
<div class="title" id="title">약관</div>
<form id="ajaxForm">
<form id="ajaxForm" enctype="multipart/form-data">
<input type="hidden" name="revision" id="revisionHidden">
<input type="hidden" id="deleteAttachment" value="false">
<table class="table_row" cellspacing="0">
<tr>
<th style="width:10%;"><%= getRequiredLabel("약관명") %></th>
@@ -251,6 +353,16 @@
<input type="hidden" id="publishedOn" name="publishedOn"/>
</td>
</tr>
<tr>
<th>첨부파일</th>
<td colspan="3">
<div id="attachedFileInfo" style="display:none; padding: 5px 0;"></div>
<div id="attachedFileInput">
<input type="file" id="attachedFile" name="attachedFile" style="width:400px;">
<span class="file-help" style="color:#666; font-size:12px; margin-left:10px;">약관 원본 문서를 첨부할 수 있습니다.</span>
</div>
</td>
</tr>
<tr>
<th><%= getRequiredLabel("약관 내용") %></th>
<td colspan="3">