웹마스터 팁
라르게덴님의 Xpresseditor + AXISJ AXUpload5(HTML5)와 mex_default 스킨
2013.11.29 14:05
라르게덴님의 Xpresseditor + AXISJ AXUpload5(HTML5)와 모바일용 mex_default 스킨 사용시
모바일에서 에디터와 업로드를 사용하고자 할 때..
-------mex_default 스킨의list.html 파일-------
맨 위쪽 js 파일 불러들이는 곳에 다음 한 줄 추가
{@ Context::addJsFile("./common/js/x.min.js", true, '', -100000) }
-------mex_default 스킨의 read.html 파일-------
<form action="./" method="post" class="ff tgo open" onsubmit="return procFilter(this, insert_comment);">
를 아래와 같이 수정
<form action="./" method="post" onsubmit="jQuery(this).find('input').each(function(){if(this.title==this.value)this.value='';});return procFilter(this, insert_comment)" class="ff tgo open">
<input type="hidden" name="content" value="">
그리고
<li>
<label for="rText">{$lang->comment}</label>
<textarea name="content" rows="8" cols="42" id="rText"></textarea>
</li>
를 찾아서
<div class="editor">{$oDocument->getCommentEditor()}</div>
로 수정
그리고 다음 코드 찾아서 삭제.
onClick="alert('PC에서 작성 또는 수정한 글은 모바일에서 수정할 수 없습니다.'); return false"|cond="!$is_mobile_docment"
-------mex_default 스킨의 write_form.html 파일-------
<form action="./" method="post" class="ff" onsubmit="return procFilter(this, insert)">
를 아래와 같이 수정
<form action="./" method="post" onsubmit="jQuery(this).find('input').each(function(){if(this.title==this.value)this.value='';});return procFilter(this, window.insert)" id="fo_write" name="fo_write" class="ff">
<input type="hidden" name="content" value="{$oDocument->getContentText()?$oDocument->getContentText():nl2br($module_info->embeddedContent)}" />
그리고
<li>
<label for="nTitle">{$lang->title}</label>
<input name="title" type="text" id="nTitle" />
</li>
를 찾아서
<div class="editor">{$oDocument->getEditor()}</div>
로 수정
-------mex_default 스킨의 comment_form.html 파일-------
파일 맨 위쪽 js 파일 불러들이는 곳에 다음 한 줄 추가
{@ Context::addJsFile("./common/js/x.min.js", true, '', -100000) }
그리고
<form action="./" method="post" class="ff tgo open" onsubmit="return procFilter(this, insert_comment);">
를 아래와 같이 수정
<form action="./" method="post" onsubmit="jQuery(this).find('input').each(function(){if(this.title==this.value)this.value='';});return procFilter(this, insert_comment)" class="ff tgo open" >
<input type="hidden" name="content" value="{htmlspecialchars($oComment->get('content'))}" />
그리고
<li>
<label for="rText">{$lang->comment}</label>
<textarea name="content" rows="8" cols="42" id="rText"></textarea>
</li>
를 찾아서
<div class="editor">{$oComment->getEditor()}</div>
로 수정
+++++++++++++
이상입니다.
빠진게 있는지 모르겠네요;; 일단 적용한 상태에서 잘 되는걸 확인은 했습니다.
물론 모바일 별로 확인을 다 한건 아니지만,, ios7에선 잘 되네요.
라르게덴님이 올려주신 Xpresseditor + AXISJ AXUpload5(HTML5) 에디터를 사용하고
모바일 스킨을 mex_default로 사용했을 경우의 팁입니다.
스킨은 mex_default 기준이지만 다른 모바일 스킨도 클래스명만 가져다 쓰면 적용가능할 거라 생각됩니다.
추가사항
/modules/document/document.controller.php 와
/modules/document/comment.controller.php 에 있는 다음 코드는 모두(합쳐서 3군데) 찾아서 삭제해줘야 합니다.
아니면 글 쓰기나 수정시 태그가 제대로 정리가 안됩니다.
* 삭제할 코드*
if(Mobile::isFromMobilePhone())
{
if($obj->use_html != 'Y')
{
$obj->content = htmlspecialchars($obj->content);
}
$obj->content = nl2br($obj->content);
}
댓글 5
-
푸시아
2013.11.29 14:26
-
socialskyo
2013.11.29 14:51
아..모바일에서는 업로드와 에디트가 안되었나 보군요^^;
-
에릭리카드
2013.11.29 19:02
write_form.html에서 에디터를 불러올 부분은 이 부분이 아닐까요? ^^;
<li> <label for="nText">{$lang->content}</label> <textarea name="content" rows="8" cols="42" id="nText"></textarea> </li>
멋진 팁 공유해주신 것에 '좋아요!' 누르며…
-
투씨
2013.11.30 13:56
그럴수도 있겠네요. 제 파일 기준으로 올린 팁이라서,,^^
-
쿡래빗
2013.11.29 19:37
으음
제목 | 글쓴이 | 날짜 |
---|---|---|
도움안될 것 같은 람보의 주옥같은 팁1 (스케치북 스킨에서 ctrl+enter키로 댓글작성 완료하기) [5] | BJ람보 | 2014.04.26 |
라르게덴님의 Xpresseditor + AXISJ AXUpload5(HTML5)와 mex_default 스킨 [5] | 투씨 | 2013.11.29 |
에디터입력창 배경색상(이미지) 변경해보기 [5] [1] | 팔공산 | 2008.07.13 |
중국어(zh-CN) 포함한 다국어시 페이지모듈 버그 해결법 [1] | sejin7940 | 2012.07.26 |
HTML 편집모드에서 파일 첨부 본문 삽입시 자바스크립트 오류가 뜨는 문제 수정 팁 [1] | misol | 2012.02.01 |
나만의 위지윅 웹에디터 만들기 - 기본 준비2 [2] | 예뜨락 | 2008.05.11 |
나만의 위지윅 웹에디터 만들기 - 기본 준비1 [3] | 예뜨락 | 2008.05.05 |
나만의 위지윅 웹에디터 만들기 - 글 쓰기에 앞서 [4] | 예뜨락 | 2008.05.05 |
textarea 에디터를 사용하는 리플에서 태그 막기 [2] | 老姜君 | 2009.02.22 |
[수정 했습니다.]본문 입력없이 확장 변수로만 글작성 작성하기(그림삽입포함) [13] | 대암지기 | 2008.03.09 |
에디터에 관리자멘트 넣기 [총정리] [17] | 된장맛껌 | 2009.05.23 |
회원약관 추가 [7] | 애치티 | 2009.01.15 |
댓글(코멘트) 입력창에 이미지 넣기 [19] | skyatc | 2008.08.29 |
에디터의 옵션 설정하기.. 컴포넌트 보이지 않게 등.. [4] | 지허 | 2007.10.01 |
에디터 사용 옵션으로 처리하기[EDITOR MODULE][ver 1.0.1][Page4-3] | 대암지기 | 2008.04.08 |
오옷 이거슨!!!