"이모티콘(emoticons)" 기능 사용하기
미니위니 에디터에는 "이모티콘(emoticons)" 기능이 있는데 기본적인 파일에는 이모티콘 폴더와
이모티콘들이 들어있지 않습니다.
직접 폴더를 만들어 주시고 이모티콘들을 넣어주셔야 합니다.
폴더의 위치는 miniwini.visualEditor/emoticons 요런식이 되야합니다.
miniwini.visualEditor 폴더 안쪽으로 emoticons 이라는 이름의 폴더를 하나 만들어주고
자신이 가지고있는 또는 서핑하셔서 맘데 드는 이모티콘 이미지들을 다운받으셔서
그 폴더(emoticons) 안으로 넣어주시면 됩니다.
"바로재생" 관련 스크립트 적용요 "바로재생" 이라는 기능은 저는 따로 해당 기능을 빼서 사용중인데
기본적으로는 에디터의 링크기능을 이용해서 음악이나 동영상의 주소를 이용
동영상 태그로 재생하는 기능입니다.
"바로재생" 기능을 사용하기 위해선 필요한 스크립트(playMultimediaFile() 함수)를
제로보드 파일에 적용해줘야 하는데 적용하는 방법은 상당히 많습니다.
해당 게시판의 "view.php" 에 적용하거나
해당 게시판의 설정페이지에서 "게시판 상단에 출력할 내용" 부분에 넣어주도 되고,,,암튼 다양합니다.
여기서는 제로보드 폴더/script/script_zbLayer.php 라는 파일안에 넣어줌으로써
모든 게시판에 한꺼번에 적용하는 방법을 적어보겠습니다.
위에서 말한대로 bbs/script/script_zbLayer.php 라는 파일을 다운로드 하시고
메모장이나 에디터로 오픈하셔서 적당한 곳에 아래의 스크립트를 넣어줍니다.
function playMultimediaFile(sUri,obj)
{
var nPlayState = obj.getAttribute("isPlaying");
if (nPlayState==0)
{
el = obj.previousSibling;
while (el.tagName!="A")
el = el.previousSibling;
var oMedia = document.createElement("EMBED");
oMedia.style.display = "block";
oMedia.src = sUri;
oMedia.autostart = true;
obj.parentNode.appendChild(oMedia);
obj.setAttribute("isPlaying",1);
}
else
{
alert("이미 재생중입니다");
return;
}
}
"miniwini.visualEditor.css" 파일을 링크해서 사용하기제목이 어째,,, ㅎㅎ 암튼,,,
위의 "바로재생" 기능이나 링크 기능을 이용했을때 링크스타일이 제대로 출력이 안됩니다.
스킨에 해당 스타일이 없기 때문이죠.
스타일을 제대로 출력하기 위해서 "miniwini.visualEditor.css" 파일을 게시판에도 적용할건데
모든 게시판에 한꺼번에 하나의 스타일파일(style.css)을 적용하실분은
여기를 클릭하셔서 참고하시고 아래는 원하는 게시판에만 적용하는 방법을 적어드리겠습니다.스타일을 적용하고자 하는 스킨의 "setup.php" 파일을 여시고 적당한 곳에
<link rel = StyleSheet HREF='../bbs/miniwini.visualEditor.css' type='text/css'> 한줄을 추가해 줍니다.
경로를 보시면 아시겠지만 bbs안에 miniwini.visualEditor.css 파일이 들어있다는 가정하의
링크 경로입니다. 그렇지 않다면 당근 수정.
포커스 관련 수정미니위니에디터에는 입력폼에 포커스가 지정이 되어있어서 작성한 글을 클릭했을때
마우스의 포커스가 코멘트 입력창으로 이동하는 현상이 있습니다.
그것을 수정(사용안함) 하는 방법은 "miniwini.visualEditor.conf.php" 파일의 36줄을 보시면
아래와 같이 되어있을겁니다.
// 에디터 생성 후 입력 부분에 자동으로 커서가 가게 설정합니다 (TRUE|FALSE)
"autoFocus" => TRUE,
위와 같은 부분에서 "autoFocus" => TRUE, 를 "autoFocus" => FALSE, 로 변경해주시면 됩니다.
"소스보기 아이콘" 클릭후에 하단의 라인이 사라질때뭔소리냐,,,하면,,,
미니위니 에디터를 보시면 제일 좌측에 "소스보기 아이콘"이 있을겁니다.
클릭하면 쉽게말해 작성한 내용의 태그를 그대로 볼수있고 수정할수 있는 "TEXT" 모드로 전환을 하게되죠.
헌데 그 아이콘을 클릭하게 되면 에디터 입력폼 하단의 라인이 사라집니다,,,어디갔을까나,,, ^^
암튼 그 라인을 보이게 해주시려면 ,,,,
"miniwini.visualEditor.php" 파일의 56번줄 ~ 57번줄에 보시면 100%라는 부분이 두군데 있을겁니다.
그 부분을 99%로 바꿔주시면 됩니다.
글쓰기 폼의 세로폭을 늘리고싶을때"miniwini.visualEditor.conf.php" 파일의 42번이나 43번줄을 보시면
"height" => 200, 이라는 부분이 있을겁니다.(아마 기본이 200인듯)
그 부분(200 이란 숫자)을 원하시는 사이즈로 변경하시면 됩니다.
글쓰기에서 "HTML 사용함, 안함" 체크박스를 안보이게하기에디터 방식이라 그리 필요가 없을듯 합니다.
삭제는 하지 말고 숨겨버립니다.
해당 게시판 스킨의 "write.php" 파일을 열어보시면 아래와 같은 부분이 보이실겁니다.
<?=$hide_html_start?> <input type=checkbox name=use_html <?=$use_html?> value=1> HTML사용 <?=$hide_html_end?>
위와 같은 부분을 아래와 같이 해주시면 되는데 추가적으로 나중에 테이블 삽입기능이라던지
박스 삽입기능이라던지,,하는 부분들을 추가했을때 글 내용의 하단으로 쳐지는것(줄바꿈 관련)을 방지하는 것을
함께 적용해서 아래와 같이 변경해 주시면 됩니다.
<?=$hide_html_start?><input type=checkbox name=use_html value=2 style="visibility: hidden;"><?=$hide_html_end?>
혹시 코멘트에도 미니위니에디터를 적용했다면 코멘트부분에도 "줄바꿈 관련" 해서
코드를 변경해 주겠습니다.
해당 게시판 스킨의 "view_comment.php" 파일을 열고 <?=nl2br($c_memo)?> 라는 부분 또는
<?=str_replace("\n","<br>",$c_memo)?> 라고 되어있을수도 있음,,
암튼 찾아서 아래와 같이 변경해줍니다.
<?=str_replace("\n","",$c_memo)?>
글쓰기 폼(에디터)에 스크롤바를 달고 싶을때기본적으로 스크롤바가 없이 내용이 길어지면 자동으로 입력폼의 사이즈로 세로로 늘어나서
자칫 글의 내용이 길어지면 에디터 기능 사용시에 전체 페이지의 스크롤을 올렸다,,, 내렸다,,하는
불편한 점이 있을수 있습니다.
어떤분들은 그게 편하다고 하시기도,,, ^^
암튼 그렇게 하지않고 내용이 길어지면 자동으로 스크로바가 생성되게 하시려면
"miniwini.visualEditor.php" 56번줄에 보시면 ;height:100%;overflow:<?=$visualEditor['overflow']?>" 요런 부분이
보이실겁니다.
그걸 ;height:100%;overflow:auto;<?=$visualEditor['overflow']?>" 요렇게 바꿔주시면 될겁니다.
auto; 요게 추가된거죠. 에디터에 미리 내용이나 그림 넣어두기
"miniwini.visualEditor.php" 파일을 열어보시면 아래와 같은 부분이 보이실겁니다. 약 56줄
<td><div onblur="finalizeVisualEditor()" onkeypress="captureEnterKey()" id="<?=$visualEditor['objectName']?>" style="<?=$visualEditor['styleWYSIWYG']?>;height:100%;overflow:<?=$visualEditor['overflow']?>" contentEditable><?=$visualEditor['defaultContent']?></div><texta,, 이하 생략
위에서 div가 끝나는 </div> 앞쪽에 간단한 내용이라던지 양식, 그림,,등을 넣어주시면 되겠습니다.
예를들어서 아래와 같이,,,
<td><div onblur="finalizeVisualEditor()" onkeypress="captureEnterKey()" id="<?=$visualEditor['objectName']?>" style="<?=$visualEditor['styleWYSIWYG']?>;height:100%;overflow:<?=$visualEditor['overflow']?>" contentEditable><?=$visualEditor['defaultContent']?>
글씨쓸땐 옴팡지고 야무지게~
</div>
참고
질답게시판에 "정낙훈님"이 질문하신 내용에 대한 답변인데
같은 문제를 생각하시는 분이 계실듯해서 적어놓음.
에디터를 사용해서 글을 작성하면 최근공지게시물에서 별 다른 수정을 하지 않는이상
html이 그대로 출력이 된다.
html이 적용된 그대로 출력을 해주려면 제로보드의 outlogin.php 파일에서
// 공지사항 형식을 만들때 사용 이라는 부분을 보면
else $memo = strip_tags($memo); 라는 부분이 있는데
그 부분을 else $memo = nl2br($memo); 이렇게 바꿔주면 된다.
나중을 위해서 주석을 달아버려? ㅎㅎ
그럼 이렇게 else $memo = nl2br($memo); // 원래는 strip_tags 이렇다
출처 : http://ganji.80port.net/bbs/view.php?id=miniwini_tip&page=1&sn1=&divpage=1&sn=off&ss=on&sc=on&select_arrange=headnum&desc=asc&no=31
