포럼
Froala Editor에 대한 사용의견을 남기는곳 입니다.
데모는 edit mode demo, inline mode demo에서 체험해 보실 수 있습니다.
저도 개인적으로는 팝업 형식으로 뜨는 에디터 컴포넌트는 에디터상에서 최대한 안 드러내는 게
균일한 사용자 경험에 제공에 이득이 된다고는 생각하지만...
게시판 모듈이나 스킨상이 아닌, 컴포넌트를 활용한 기능성 추가를 도모할 때에는
이런 점(에디터 컴포넌트를 툴바에 바로 추가하기 어려운 점)이 오히려 사용자 경험에 좋지 않은 것 같네요.
"컴포넌트 아이콘을 누른 후에 출력되는 컴포넌트 아이콘을 클릭하세요"란 학습이 선행되어야 하니까요.
지금처럼 톱니바퀴 '에디터 컴포넌트' 아이콘 클릭 ->'컴포넌트 목록 출력'이 아니라 ,
예외적으로 특정 에디터 컴포넌트를 바로 툴바에 꺼내는 방법이 있을까요?
novelic
환상소설과 SF소설을 좋아합니다.
5개의 댓글
| 번호 | 제목 | 글쓴이 | 날짜 |
|---|---|---|---|
| 98 | ro.blog.js도 어마어마했네요 1 |
 이온디
| 2018.01.12 |
| 97 | 썸머노트의 이미지 붙여넣기 기능 중에서 6 |
이온디
| 2018.01.12 |
| 96 | 혹시 글이 너무 길어지면 잘리는 증상이 있나요? 1 |
 Artistudy
| 2018.01.12 |
| 95 | 데모 체험해보다가 의견남겨봅니다! 8 |
톡시
| 2018.01.11 |
| 특정 에디터 컴포넌트를 밖으로 빼내는 방법 있을까요? 5 |
novelic
| 2018.01.07 | |
| 93 | 컴포넌트를 통한 이미지 삽입 시 class가 자동으로 붙는 문의 12 |
novelic
| 2018.01.05 |
| 92 | 로마네스크 블로그 v1.1.0에서 새로운 기능 imagePasteProcess |
 라르게덴
| 2018.01.02 |
| 91 | 자바스크립트 모음 사이트 1 |
이온디
| 2018.01.01 |
| 90 | 인비저블 캡차 배포는 혹시 안하시나요? 6 |
이온디
| 2017.12.26 |
| 89 | 소식 3개(내년 과제) |
라르게덴
| 2017.12.25 |
| 88 | [해결] 레이어에 인비저블 리캡챠 작동시키기 3 |
이온디
| 2017.12.22 |
| 87 | [해결] Invisible reCAPTCHA - XE 질문드립니다. |
이온디
| 2017.12.22 |
| 86 | 프로알라 에디터 구매 문의 입니다 2 |
마인드핵
| 2017.12.15 |
| 85 | 이미지 업로드 질문 드립니다. 1 |
마인드핵
| 2017.12.13 |
| 84 | 현재 진척 상황 보고(프로알라 2.7.3이 배포되었습니다.) 4 |
라르게덴
| 2017.12.12 |
| 83 | 테이블 삽입시 border=0 적용문제 1 |
비여
| 2017.12.04 |
| 82 | 수개월 프로알라 에디터를 사용하면서 두가지 의견. 3 |
pock
| 2017.11.26 |
| 81 | 포스타입의 글쓰기 화면입니다. 1 |
이온디
| 2017.11.21 |
| 80 | print 시 글자 색이 회색으로 나옵니다. 1 |
비여
| 2017.11.10 |
| 79 | pasteAllowedStyleProps을 사용하지 않고 소스스타일이 그대로 적용할 방법은 없을까요? 3 |
이온디
| 2017.11.02 |
라르게덴
2018.01.07XE의 에디터 컴포넌트는 원래 필요로 하질 않아서 넣지 않을걸 일부러 개발해서 추가한 겁니다. 때문에 에디터 컴포넌트의 아이콘을 밖으로 빼서 표시하는 방법은 현재 개발되어있지 않습니다.
밖으로 빼는 건 현재로썬 검토하고 있지 않지만 아이콘을 교체하는 것은 가능합니다. 아래 코드를 아무런 js 파일의 적당한 위치의 삽입하시면 톱니바퀴 아이콘을 변경 하실 수 있습니다. 눈에 띄는 아이콘으로 변경하시어서 사용자 경험을 높이시길 부탁드립니다.
jQuery(document).ready(function() { jQuery.FE.DefineIcon('editor_component', {SRC: 'https://domain.com/image.png', ALT: 'Editor Component', template: 'image'}); });novelic
2018.01.08감사합니다. 레이아웃 파일 (layout.html) 안에 아래 코드를 넣었는데 아이콘이 변경되지 않았습니다. 뭔가 잘못 넣은 건가요?
<script>
//<![CDATA[
jQuery(document).ready(function() {
jQuery.FE.DefineIcon('editor_component', {SRC: 'https://lightnovel.kr/image/r_plus.png', ALT: 'Editor Component', template: 'image'});
});
//]]>
</script>
라르게덴
2018.01.08그렇네요. 이벤트 호출 순서가 맞지 않아서 적용이 안되는 듯 보입니다.
불편하겠지만 아래와 같이 해보셔야 할 것 같습니다.
1. layout내에 icon.js라는 파일을 만드시고 아래 코드를 삽입하세요.
// icon.js jQuery.FE.DefineIcon('editor_component', {SRC: 'https://lightnovel.kr/image/r_plus.png', ALT: 'Editor Component', template: 'image'});2. 레이아웃 내에서 icon.js를 호출하세요.
novelic
2018.01.09감사합니다. 정상적으로 아이콘이 변경되었습니다.
라르게덴
2018.01.09@novelic
향후 컴포넌트 병렬 방법은 고민해보겠습니다.