테스트 사이트 - 개발 중인 베타 버전입니다

스마트에이터2 공유합니다.

· 2년 전 · 3768 · 43
image_03.png

필요한 기능만(제 생각^^) 담아
반응형으로 커스텀 했습니다.

 

1. 스마트에디터 전용 (HTML, TEXT 입력 제거)
2. 992px 이하 입력창 크기 조절 숨김
3. 992px 이하 특수기호 입력 숨김
4. 이미지 등록시 에디터 사이즈 넘지 않게 max-width:100% 지정
5. 나눔고딕 고정
6. 기본폰트 12pt
7. 글자배경색 제거

8. materialdesignicons 아이콘 적용

9. 맞춤법 검사 안함

10. 임시저장기능 제거

 

플러그인 디렉토리 전체를 공유 합니다.

기존 플러그인을 "plugin/editor"

1949300366_1692908829.7115.png
백업 후 통째로 업로드 하셔서 사용하시면 됩니다.

혹시 정상 표시 및 작동 안될시 쿠키 삭제 후 확인해 보세요.

 

[팁] 모바일에서 스마트에디터 적용 안될시
config.php 파일에서
---
// 모바일 기기에서 DHTML 에디터 사용여부를 설정합니다.
define('G5_IS_MOBILE_DHTML_USE', false);
---
내용을 아래와 같이 변경
define('G5_IS_MOBILE_DHTML_USE', true);

 

1949300366_1692908883.7533.png

---

1949300366_1692908908.1053.png

---

1949300366_1692908915.6877.png

---

1949300366_1692908924.7085.png

---

1949300366_1692908936.9311.png

---

1949300366_1692908942.6563.png

---

1949300366_1692908949.1522.png

 

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 43개

2년 전
감사합니다
\인가 /를 누르면 ₩로 바뀌는 오류가 있네요
HTML 편집 모드 추가하려면 어떻게 해야 하는지요
editor.lib.php
파일 아래부분 찾아

bUseVerticalResizer : false, // 입력창 크기 조절바 사용 여부 (true:사용/ false:사용하지 않음)
true 변경

====

_comcose_SmartEditor2Skin.html
파일 <!-- 입력창조절/ 모드전환 --> 아래와 같이변경

<!-- 입력창조절/ 모드전환 -->
<style>
#smart_editor2 .se2_converter{float:left;position:absolute;top:-1px;right:3px;z-index:20} #smart_editor2 .se2_converter li{float:left}
#smart_editor2 .se2_converter li span {display:none}
#smart_editor2 .se2_converter .se2_to_editor{width:59px;height:15px;background:url("img/ko_KR/btn_set.png?160622") 0 -85px no-repeat;vertical-align:top}
#smart_editor2 .se2_converter .se2_to_html{width:59px;height:15px;background:url("img/ko_KR/btn_set.png?160622") -59px -70px no-repeat;vertical-align:top}
#smart_editor2 .se2_converter .se2_to_text{width:60px;height:15px;background:url("img/ko_KR/btn_set.png?160622") -417px -466px no-repeat;vertical-align:top}
#smart_editor2 .se2_converter .active .se2_to_editor{width:59px;height:15px;background:url("img/ko_KR/btn_set.png?160622") 0 -70px no-repeat;vertical-align:top}
#smart_editor2 .se2_converter .active .se2_to_html{width:59px;height:15px;background:url("img/ko_KR/btn_set.png?160622") -59px -85px no-repeat;vertical-align:top}
#smart_editor2 .se2_converter .active .se2_to_text{width:60px;height:15px;background:url("img/ko_KR/btn_set.png?160622") -417px -481px no-repeat;vertical-align:top}
</style>
<div class="se2_conversion_mode">
<button type="button" class="se2_inputarea_resize husky_seditor_editingArea_verticalResizer">
<i class="mdi mdi-menu-swap mdi-20px"></i>
</button>
<ul class="se2_converter">
<li class="active"><button type="button" class="se2_to_editor"><span>Editor</span></button></li>
<li><button type="button" class="se2_to_html"><span>HTML</span></button></li>
<li><button type="button" class="se2_to_text"><span>TEXT</span></button></li>
</ul>
</div>
<!-- //입력창조절/ 모드전환 -->

====

_comcose/comcose_smart_editor2.css
파일 #smart_editor2 .se2_inputarea_resize 클래스를

#smart_editor2 .se2_inputarea_resize {
display:block;
clear:both;
position:absolute;
left:50%;
transform:translateX(-50%);
height:15px;
line-height:15px;
text-align:center;
cursor:n-resize
}

와 같이 변경하시면 됩니다.
네 고맙습니다. 변경했어요...

자료 감사합니다.

혹시 사진첨부할때, 등록버튼을 누르면, 본문에 업로드된 이미지가 보이는데,

본문이 아닌, 링크나 별도의 wr_1 인풋에, 업로드된 이미지 경로가 입력되게 할 수 있을까요?

"스마트에디터"

에디터영역에 이미지삽입만

가능합니다.

 

UploadHandler.php

editor.lib.php (js 부분)
파일 수정하면 될듯 하나

간단한 작업은 아닐 꺼 같습니다.
 

게시판 이미지 등록(첨부) 방법은

스마트에디터 기능의 본문삽입

첨부파일기능 두개로 나뉘어 있다고

보심될꺼 같습니다.

 

혹 첨부 이미지를 본문 내용에 안보기게 하실려면

view.skin.php 파일

<?php
// 파일 출력
$v_img_count = count($view['file']);
if($v_img_count) {
    echo "<div id=\"bo_v_img\">\n";

    foreach($view['file'] as $view_file) {
        echo get_file_thumbnail($view_file);
    }

    echo "</div>\n";
}
 ?>

부분을 삭제하시면 됩니다.

1년 전

감사합니다. 잘쓰겠습니다.

폰트 기본 사이즈를 변경하려면 어디를 변경하면 되는지요?

감사합니다

smarteditor/css/ko_KR/smart_editor2_in.css

body,.se2_inputarea{margin:0;padding:0;font-size:13pt;line-height:1.5}

부분 변경하시면 됩니다.