Mad House™ Blog :: DOMpop 기능

레이어와는 달리 아이프레임 방식이라 미리 링크된 주소를 불러오지 않아서
페이지로딩에는 지장이 없다는것이 좋네요.

클릭시에만 불러오게 되어있고 한페이지에 여러곳에 적용했을때
자동으로 이전것은 닫힙니다.

적용은 따로 만들지 않고 기존의 링크기능(miniwini.visualEditor.dialogCreateLink.php)에
추가만해서 사용하도록 해봤습니다.
그 편이 더 나은듯,,해서

DOM_js_all.zip

적용방법

적용은 미니위니에디터 원본파일을 기준으로 설명드립니다.

1. miniwini.visualEditor.dialogCreateLink.php 파일을 열고
먼저 81라인의 sClass = "AutoLinkType_"+document.iForm.sClass.value; 부분을 찾아서
아래와 같이 수정합니다.

sClass = ""+document.iForm.sClass.value;
AutoLinkType_ 부분만 삭제한겁니다.

링크기능에 추가적으로 링크스타일을 작업하신분은 아마 아래와 같이 되어있을겁니다.

sClass = "Link_line_"+document.iForm.sClass.value;

위와 마찬가지로 Link_line_ 부분만 삭제해주시면 됩니다.

2. 아래로 내려오시면 셀렉트 부분이 보이실겁니다.

<option value="blue">Blue
<option value="red">Red
, 이하생략

하나 추가해 줍니다.

<option value="blue">Blue
<option value="red">Red
<option value="DOMpop">DOMpop

추가적으로 링크스타일 작업하신분은 하단에 보시면 셀렉트 부분에
아래와 같이 되어있을겁니다.

<option value="0001">0001
<option value="0002">0002

위와 같은 부분을 아래와 같이 스타일명을 모두 적어줍니다.
<option value="Link_line_0001">0001
<option value="Link_line_0002">0002

순서 1에서 삭제한 Link_line_ 를 모두 붙여주시면 된다,,이거죠
그래야 미리보기에서 제대로 보여지게 됩니다.

그리고 위와 마찬가지로 추가해 줍니다.

<option value="Link_line_0001">0001
<option value="Link_line_0002">0002
<option value="DOMpop">DOMpop

여기까지해서 miniwini.visualEditor.dialogCreateLink.php 파일의 수정은 끝.

3. 이제 게시판에 적용하기,,

첨부파일을 다운로드해서 안에 들어있는 자바스크립트파일(.js) 두개를
계정에 업로드 합니다. (경로 기억하세요)

에디터가 거의 모든 게시판에 사용을 하기때문에
필요한 스타일과 자스두개를 제로보드어드민에서 직접 처리하도록 하겠습니다.

운영자로 로그인하시고 관리자 페이지로 들어갑니다.
그럼 좌측에 그룹이 보이실건데 사용하시는 그룹을 클릭하고
그룹설정을 클릭합니다.

그럼 여러 설정하는곳이 있는데
중간에 "게시판 상단에 출력할 내용" 부분에 아래의 소스를 삽입해 줍니다.

게시판의 설정페이지 아닙니다. 그룹의 설정페이지입니다. 주의하세요.

<STYLE type=text/css>
<!--

.popup{
padding:.5em;
background: #f7f7f7;
border:1px solid #e4e4e4;
position:absolute;
min-height:2em;
min-width:2em;
top:0;
left:0;

}
a.popuplink{
background: #f7f7f7;
padding:0 .5em;
border:1px solid #e4e4e4;
text-decoration:none;
color:#666;
margin-bottom:-1px;
}
.popup iframe{
width:99%;
height:99%;
}
-->
</STYLE>
<script type="text/javascript" src="업로드한 경로/DOMinclude_config.js"></script>
<script type="text/javascript" src="업로드한 경로/DOMinclude.js"></script>