묻고답하기
1.8.1 에서 편집기 ckeditor 플러그인 어떻게 넣나요?
2015.04.15 01:45
ckeditor 는 아시다시피 플러그인 모듈이 적용 가능한걸로 알고 있습니다.
근대 여기에 아이프레임 플러그인을 추가하고 싶은데 어떻게 하면 되나요?
수학 수식 편집기도 넣고 싶습니다....
http://ckeditor.com/addon/ckeditorwiris
댓글 5
-
샹하이
2015.04.28 11:18
-
세상의모든계산기
2015.12.12 09:41
잘 따라한 것 같은데 추가되지 않네요.
XE 1.8.15 입니다.1. 플러그인을 다운받아서 넣는다.
http://www.wiris.com/en/plugins3/ckeditor/download 에서
WIRIS Plugin for CKEditor and PHP 3.54.1 217 KB 2015-Oct-01
를 다운받아서 압축을 풀어 넣었습니다.
* 확인
allcalc@allcalc:/home/xe/common/js/plugins/ckeditor/ckeditor/plugins/ckeditor_wiris$ ll 합계 92K drwxr-xr-x 8 root root 4.0K 12월 12 09:21 ./ drwxr-xr-x 81 www-data www-data 12K 12월 12 09:35 ../ -rw-r--r-- 1 root root 11 10월 1 09:06 VERSION drwxr-xr-x 2 root root 4.0K 12월 12 09:21 cache/ -rw-r--r-- 1 root root 2.1K 7월 31 15:04 configuration.ini.dist drwxr-xr-x 3 root root 4.0K 12월 12 09:21 core/ drwxr-xr-x 2 root root 4.0K 12월 12 09:21 formulas/ drwxr-xr-x 3 root root 4.0K 12월 12 09:21 integration/ drwxr-xr-x 29 root root 4.0K 12월 12 09:21 lang/ -rw-r--r-- 1 root root 16K 10월 1 09:06 plugin.js -rw-r--r-- 1 root root 3 10월 1 09:06 tech.txt -rw-r--r-- 1 root root 5.4K 1월 5 2015 test.html -rw-r--r-- 1 root root 5.4K 10월 1 09:06 test.php drwxr-xr-x 3 root root 4.0K 12월 12 09:21 tests/ -rw-r--r-- 1 root root 7.5K 10월 1 09:06 wirisplugin-generic.js allcalc@allcalc:/home/xe/common/js/plugins/ckeditor/ckeditor/plugins/ckeditor_wiris$
2. config.js 파일을 생성한다.
allcalc@allcalc:/home/xe/common/js/plugins/ckeditor/ckeditor$ sudo vim config.js CKEDITOR.editorConfig = function( config ) { config.extraPlugins += (config.extraPlugins.length == 0 ? '' : ',') + 'ckeditor_wiris';}; config.allowedContent = true; };
3. 게시판에 가서 글쓰기 눌러보니 기존과 달라진게 없습니다.
-
세상의모든계산기
2015.12.12 11:52
1. config.js 파일을 아래와 같이 수정해 보았습니다.
CKEDITOR.editorConfig = function( config ) { config.extraPlugins = 'ckeditor_wiris'; };
2. 변화 : 아이콘 표시 성공
아이콘 2개가 잘 붙어서 출력이 됩니다.3. 또 다른 문제점
클릭하면 wiris editor 도 잘 되고 하는데 수식입력하고 승인 눌르자....
위 스샷에서도 보이는 것처럼 이미지 파일이 업로드? 또는 링크? 되지 않고, 에러 메시지가 나옵니다.<pre>uncaught exception: <b>mkdir(): Permission denied (errno: 2) in /home/xe/common/js/plugins/ckeditor/ckeditor/plugins/ckeditor_wiris/integration/lib/com/wiris/util/sys/Store.class.php at line #56mkdir(): Permission denied</b><br /><br />in file: /home/xe/common/js/plugins/ckeditor/ckeditor/plugins/ckeditor_wiris/integration/lib/com/wiris/util/sys/Store.class.php line 56<br />#0 [internal function]: _hx_error_handler(2, 'mkdir(): Permis...', '/home/xe/common...', 56, Array)#1 /home/xe/common/js/plugins/ckeditor/ckeditor/plugins/ckeditor_wiris/integration/lib/com/wiris/util/sys/Store.class.php(56): mkdir('/home/xe/common...', 493)#2 /home/xe/common/js/plugins/ckeditor/ckeditor/plugins/ckeditor_wiris/integration/lib/com/wiris/util/sys/Store.class.php(53): com_wiris_util_sys_Store->mkdirs()#3 /home/xe/common/js/plugins/ckeditor/ckeditor/plugins/ckeditor_wiris/integration/lib/com/wiris/plugin/impl/FolderTreeStorageAndCache.class.php(110): com_wiris_util_sys_Store->mkdirs()#4 /home/xe/common/js/plugins/ckeditor/ckeditor/plugins/ckeditor_wiris/integration/lib/com/wiris/plugin/impl/RenderImpl.class.php(251): com_wiris_plugin_impl_FolderTreeStorageAndCache->codeDigest('centerbaseline=...')#5 /home/xe/common/js/plugins/ckeditor/ckeditor/plugins/ckeditor_wiris/integration/lib/com/wiris/plugin/impl/RenderImpl.class.php(199): com_wiris_plugin_impl_RenderImpl->computeDigest('<math xmlns="ht...', Array)#6 /home/xe/common/js/plugins/ckeditor/ckeditor/plugins/ckeditor_wiris/integration/createimage.php(18): com_wiris_plugin_impl_RenderImpl->createImage('<math xmlns="ht...', Array, NULL)#7 {main}</pre>
-
세상의모든계산기
2015.12.12 12:39
위의 permission 문제는 installation guide 를 보고 해결하였습니다.
http://www.wiris.com/plugins/docs/ckeditor
2.1 For PHP servers
mbstring
extension must be installed and enabled in the server.- Give execution rights to the web server user on the PHP files contained at to
ckeditor/plugins/ckeditor_wiris/integration
. - Give write permissions to
ckeditor/plugins/ckeditor_wiris/cache
and tockeditor/plugins/ckeditor_wiris/formulas
directories to the web server user. Those folders will be used to store formula MathML codes and temporal images. If you prefer, you can configure the location of these folders (see section 3).
ckeditor_wiris 폴더 이하 전부 www-data 소유로 바꿔버렸습니다.
이것으로 permission 문제는 해결이 되었습니다.
이제 수식 편집기도 잘 뜨고, 수식 완성 후 "승인" 클릭하면 ckeditor 안에 수식이 그림(image)처럼 삽입되어 아름답게 잘 보입니다. 하지만 글 작성을 마치고 게시물을 등록하면 입력한 수식이 Viewer에서 제대로 보이지 않습니다.여기서 아래 스크립트를 추가하면 될 것 같은데...
5 WIRISpugins.js
Add WIRISplugin.js script. You can find more information here.
여기서 잘 안되네요.
아쉬운대로 기존에 사용하던 MathJax 스크립트를 레이아웃 헤더에 등록하면 기존 MathJax 수식과 유사한 방식으로 인코딩이되어 표시되긴 합니다. (기존의 버벅거림은 발생하진 않네요)
하지만 에디터상에서 봤던 것보다 좋아 보이진 않습니다.테스트 페이지가 있어서 해봤는데 거기서도 잘 되고, Preview 결과도 잘 나옵니다.(해결 가능성이 있다는 얘긴데...)
-
세상의모든계산기
2015.12.12 13:37
드뎌 완벽 해결 했습니다. ㅋㅋ
경로가 잘못되었었나봅니다.
상대경로로 지정해주니까 Viewer 에서 그림형식으로 잘 표시되네요.<script src="/common/js/plugins/ckeditor/ckeditor/plugins/ckeditor_wiris/integration/WIRISplugins.js?viewer=image"></script>
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
그시간이후 | 모바일 게시판에서 '글 목록수' 문제 | |
살소리 | db close 에러 [2] | 2016.08.27 by 살소리 |
픳찌 | xedition 사용중인데 관련해서 질문 드립니다.. | |
sa**** |
확장변수로 상품정보폼을 만들려면..?
[1]
![]() | 2016.08.27 by 디자인클립 |
기만1988 | 추천 오류 ㅜㅜ comment_srl 값이 필수입니다. [2] | 2016.08.27 by 기만1988 |
아스마 | SSL 관련 질문좀 드려보아요~ [1] | 2016.08.26 by 기진곰 |
민하 | 포인트히스토리 본인글에 본인덧글 차감 현황 표시 오류 | |
28IT | XE를 설치했는데 404 에러가 뜨네요. [3] | 2016.08.26 by BRANDYK |
도치아빠 |
다운로드 권한이...
[4]
![]() | 2016.08.26 by BRANDYK |
미미미2 | 애드온을 깔고 잘되다가 갑자기 오류가 생겼다면 어디에서 오류가 생긴걸까요? | |
완젼초짜 | 제발좀 도와 주세요 몇일째 헤매는 중입니다. [1] | 2016.08.26 by 댑펑 |
미미미2 | 익명게시판에서 닉네임이 랜덤으로 바뀌는 애드온을 사용했는데요! [2] | 2016.08.26 by 미미미2 |
감사하는마음이죠 |
닉네임 클릭시 [팝업창] 내용중에 [쪽지보내기,친구등록] 삭제하고싶어요
[2]
![]() | 2016.08.26 by 감사하는마음이죠 |
도치아빠 | 게시물 제목 자동입력 [3] | 2016.08.26 by 도치아빠 |
salsatour |
xe 회원정보보기 아이콘생성 설정?
![]() | |
salsatour |
XE admin 에 대시보드 모듈업데이트 오류
![]() | |
나나2 | 트위터 링크 입력하면 자동으로 위젯 생성되는 방법이 궁금합니다 | |
명정 |
누리고 상세페이지 질문입니다.
[4]
![]() | 2016.08.26 by 댑펑 |
골똘 | 게시판 이미지마다 자동으로 링크 걸기 [1] | 2016.08.26 by creare |
최지훈dbbfb |
사용자 정의 값 출력 문의드립니다.
[1]
![]() | 2016.08.26 by 초보해외유저 |
common/js/plugins/ckeditor/ckeditor에 있는 config.sample.js를 편집해서 config.js로 저장합니다.
예를들어서 수식편집기를 넣고 싶으면 해당 플러그인을 다운받아서 common/js/plugins/ckeditor/ckeditor/plugins에 복사해 넣습니다. 그리고나서
config.sample.js에 config.extraPlugins += (config.extraPlugins.length == 0 ? '' : ',') + 'ckeditor_wiris';};와
config.allowedContent = true;
두 줄을 아래와 같이
CKEDITOR.editorConfig = function( config ) {
// Define changes to default configuration here. For example:
//config.language = 'en,fr';
//config.uiColor = '#DAEDF6';
config.extraPlugins += (config.extraPlugins.length == 0 ? '' : ',') + 'ckeditor_wiris';};
config.allowedContent = true;
};
삽입하고 config.js로 저장하면 xe ckeditor툴바에 두개의 아이콘이 추가된게 보일겁니다.