수식 입력기(ckeditor - wiris) 설치 테스트

SINCE 2015.01.19.
SEARCH

by OrangeDay

세상의 모든 계산기 자유(질문) 게시판 일반 ()

수식 입력기(ckeditor - wiris) 설치 테스트

- 세상의모든계산기
- 2024.06.18 - 13:11 2015.12.12 - 12:16 2809 11

1. MathJax 문제 발생

기존에 MathJax 를 스크립트로 헤더에 추가하여 수식을 표시하도록 하였습니다. 일반 유저의 경우 문제가 없었던 것으로 파악이 되는데...(아무도 사용을 안했으니까... -_-) 관리자 ID로 로그인하면 MathJax 수식 로딩시 엄청 버벅거리면서 20초가량 사이트 이용이 거의 불가능한 상태가 되곤 하였습니다.

그 문제가 해결될 기미가 없어(=문제를 해결할 수 없어) 기존 방식을 과감하게 포기하였습니다.

대신 ckeditor 에 플러그인으로 수식 편집기를 추가하였습니다. 이 플러그인은 네이버 지식인처럼 수식을 그림으로 넣어줍니다. 기존 방식의 라텍스 문법 입력도 가능합니다.

※ 간혹 (아래처럼) 수식 변환이 되지 않는 경우가 있습니다.
동영상 로딩등으로 페이지 인코딩이 길어질 때인데, 수식을 확인하시려면 F5 (refresh) 제대로 표시될 수 있습니다.
⇒

2. 수식 편집기 사용 방법

ckeditor 입력창의 오른쪽 위에 있는 툴바 확장 단추 클릭
└ 툴바가 이미 펼쳐진 상태면 클릭할 필요가 없습니다.
툴바 마지막 줄에 있는 노란 루트기호 클릭
wiris 수식 편집기에서 수식 입력후 【승인】 클릭
수식이 ckeditor에 잘 삽입 되었으면 글을 완성하고 【등록】. 끝.

3. 수식 입력 예제

* Wiris 수식

$q u a d r a t i c space e q u a t i o nfraction numerator negative b plus-or-minus square root of b squared minus 4 a c end root over denominator 2 a end fraction$ // 2차방정식 근의 공식

$product from i equals 1 to 10 of fraction numerator i plus 1 over denominator i minus 1 end fraction$ // 기존 MathJax는 수식과 게시판 text 를 한 줄에 넣을 수 없었는데 이젠 가능.

* MathJax 수식

$\begin{bmatrix} 1 & 2 \\ 3 & 4 \end{bmatrix}$
// 에디터에서 쓸 때는 MathJax 수식이지만 뷰어에서 보여줄 때는 Wiris 에서 이미지로 처리하도록 바뀜

혹시 위의 수식이 제대로 표시되지 않는다면 【F5】 로 페이지를 새로고침 해보세요.

Attached file

이 게시물을..

시티즌 CT-600황금장신구

25

세상의모든계산기
계산기는 거들 뿐
혹은
계산기를 거들 뿐

글쓴이의 서명작성글 감추기

0

세상의모든계산기
2016.03.31 - 23:36 2015.12.12 - 12:52 #11677

댓글 수식 test (실제):

1. Wiris 를 통한 입력 ▶▶▶ $\frac{1}{2 +} \sqrt[3]{4}$

2. 기존 MathJax 방식 입력 ▶▶▶ $\begin{bmatrix} 1 & 2 \\ 3 & 4 \end{bmatrix}$

위(↑)의 수식 표시 화면이

아래와 같이 표시(브라우저 Rendering)되면 성공

아래와 같이 표시(브라우저 Rendering)되면 실패

Attached file
K-20151221-648770-fs8.png 2.8KB 141 K-20151221-649103-fs8.png 2.3KB 131

댓글

세상의모든계산기

2016.03.31 - 23:36 2015.12.21 - 19:28 #12348

브라우저별 수식 표시 가능성 비교

	본문		댓글
	Wiris	MathJax	Wiris	MathJax
크롬47(PC)	O	O	O	O
크롬(모바일)	O	O	O	O
오페라34(PC)	O	O	O	O
FireFox43*	O	O	O	O
Safari5*	O	O	O	O
EDGE(Win10)	O	X ⇒ O	X ⇒ O	X ⇒ O
IE11(Win10)	O	X ⇒ O	X ⇒ O	X ⇒ O

* 표시된 브라우저는 https://spoon.net/ 을 통해서 간접 측정하였습니다.
EDGE 와 IE11 은 약간의 문제가 있었지만 script sync 방식을 defer로 변경하여 문제를 해결하였습니다.

0

세상의모든계산기
2016.03.31 - 23:37 2015.12.12 - 23:15 #11797

CAS계산기

√ 버튼 옆에 있는 = 버튼은 CAS계산기입니다.
JAVA 프로그램이므로 크롬과 오페라(NPAPI 지원중단)에서는 사용이 불가능합니다.
(IE, 파이어폭스에서는 사용 가능합니다)

잠깐 써 봤는데, 생각보다는 꽤 괜찮지만, 로딩이 매우 느리고, 안정성도 조금 부족한 것 같습니다.
(회원 등급에 따라 붙여넣기 해도 안보일 수 있으니 가급적 사용을 자제하여 주시기 바랍니다.)

버튼을 누르면 이렇게 계산기 창이 뜹니다.

계산식을 모두 입력 완료하고 OK 버튼을 누르면 사이즈에 맞는 계산기가 입력이 됩니다.
이미지 파일이 링크됩니다. 그런데 alt 형식으로 계산식 (애플릿 스크립트) 자체가 로딩될 수도 있습니다.
글 입력한 사람 뿐 아니라, 다른 사람도 해당 계산기를 이용할 수 있긴한데...
크롬 유저는 (현 상황으로는) 그림도/계산기도 볼 수 없으니...
계산기를 그대로 입력하는 방식은 가급적 사용을 자제해 주셨으면 합니다.

Attached file
K-20151212-845925.png 17.0KB 177

댓글
0

세상의모든계산기
2024.06.19 - 00:25 2015.12.13 - 23:03 #11898

계산기를 넣은 다음 소스보기를 하면 굉장히 긴 이미지 링크가 나오는데,
중간을 삭제하면 계산기 애플릿은 로딩되지 않고 이미지만 링크가 되어서 모든 브라우저에서 볼 수가 있습니다.

이렇게요.

Attached file
K-20151213-845779.png 14.0KB 161

댓글
0

세상의모든계산기
2021.08.25 - 18:02 2021.08.25 - 17:25 #34600

지금 보니까 CAS 계산기가 안열리네요. (크롬, IE 모두)

PC에 JAVA 는 설치되어 있는데 JAVA 가 필요need 하다고 나오는 상황...

활용도가 떨어지고, 개발자도 버린 듯 하니... 일단 사용 안하는 걸로 변경!
하려고 했는데, 아이콘 하나만 빼는 것은 안되는 듯.

Attached file
WIRIS CAS - Chrome 2021-08-25 오후 5_24_29.png 24.3KB 68

댓글
0

test_wiris
2016.03.31 - 23:37 2015.12.17 - 16:24 #12149

비로그인 회원 test

∫06ex3dx=

1. editor 상에서는 수식 입력 정상 동작
2. 글 등록 후에는 html 코드 삭제

댓글 수정 삭제
0

세상의모든계산기
2016.03.31 - 23:38 2016.03.31 - 15:47 #16899

갑작스레 문제 발생

뭔가 WIRIS 플러그인과 충돌이 나는 듯 합니다.
CKeditor 때문일 수도 있고, XE 때문일 수도 있겠습니다.

내용이 길고짧고, Html 코드가 있고없고는 문제의 원인이 아닌 것 같습니다.

한번 코드가 삭제되어 저장되기 시작하면, 이후에는 그 글에서 WIRIS 등록이 불가능하네요.

댓글
0

세상의모든계산기
2016.03.31 - 16:51 2016.03.31 - 16:50 #16930

현재까지 상황을 정리

1. 댓글은 문제가 없고 본문에서만 증상 발현.
2. 신규작성에는 문제가 없고, 작성된 글을 수정하여 등록할 때 문제 발생함.
3. 문제 증상 : WIRIS 삽입 Html 태그가 홀랑 사라짐.

본문 작성 후 수정할 때 주의하시기 바랍니다.

댓글
0

세상의모든계산기
2016.03.31 - 23:39 2016.03.31 - 23:38 #16954

해결

XE Core 1.8.18 업데이트의 부작용인 것으로 드러났습니다.
소스코드 수정으로 일시 해결하였습니다.

댓글
0

세상의모든계산기
2024.04.17 - 09:56 #40553

기존에 wiris를 이용해 작성되었던 수식은 잘 표시되기는 합니다만,

새로 작성하려고 하면

Free Trial Expired 로 나오네요.

Free Trial 이었나?

다른 방법을 모색해 봐야겠습니다.

Attached file
스크린샷 2024-04-17 095447.png 73.5KB 31

댓글
0

세상의모든계산기
2024.06.18 - 13:12 2024.06.18 - 13:11 #41642

Wiris 는 지원종료로 포기하고,

새로운 수식 입력기를 2개 달았습니다.

공지사항 참고해 사용 바랍니다.

댓글

댓글 쓰기 에디터 사용하기 닫기

view_headline 목록

14px

시티즌 CT-600
목록
view_headline

"회원 로그인/가입 버튼 어딨나요?"

2024.09.13 - 18:54 404733
[필독] 사이트 운영원칙 & 게시판 이용시 주의사항 (주제 / 제목 / 질문글)
1
2015.03.31 - 11:21 408646 1
[필독] 계산기 질문글 작성시 주의사항! (부제 : 바람직한 질문글 작성 요령)
2
2015.03.01 - 08:58 224708 2

928 (복잡한 다항식 수식에서) 계산기 내부 유효 자릿수에 따른 approx() 오차
세상의모든계산기 2025.10.22 - 12:05 66 6
TI-nspire 기종에 대한 solve 질문글에 대해 답변을 하던 중 이상한 점을 발견하였습니다. https://allcalc.org/55823 평소에는 방정식의 해를 numeric 한 방식으로 solve 를 이용해 찾는 것보다, (소숫점을 없애서) exact 방식으로 참 값을 먼저 구하고 → 그 값에 대한 근사값 approx(참 값) 을 구하는 것이 더 정확했습니다. 그런데 이번에는 반대로 오차가 커지는 겁니다. 이 궁금증을 해결하기 위해 직접 분석을 진행해 보았습니다. 1. 분석 대상 수식 분석에 사용된 수식은 다음과 같습니다. cos, sin의 단위는 모두 degree입니다. $$...

927 질문 Ti nspire cx2 cas 연립방정식 계산 오류
1234
2025.10.21 - 09:07 93 17
안녕하세요? 계산기의 연립방정식 풀이에 문제가 있는 것 같아 질문을 올립니다. 수식이 길어 나눠서 사진을 찍은 점, 양해 부탁드립니다. 위의 3개의 사진은 삼각함수를 이용하여, 연립방정식을 구성, 아래의 3개의 사진은 삼각함수의 값을 대입하여, 연립방정식을 구성한 것입니다. 삼각함수로 방정식을 구성할 땐, false가 나오나, 값을 입력하면 해가 잘 나옵니다. 이런 경우는 삼각함수로 구성된 방정식을 계산기가 소화하지 못하는 건가요? 아님, 제가 작성한 방정식에 오류가 있는 건가요? 감사합니다.

926 질문 TI NSPIRE CX CAS에서 부분 분수 문의 드립니다.
조니 2025.10.14 - 01:29 113 4
안녕하십니까. 세모계님 부분분수로 결과 값을 표현을 해야 할 때가 있습니다. 그런데 사용해보니 계산기에서는 결과 값이 부분분수로 표현이 안되더라고요. 혹시 부분분수로 나타내주는 방법이 있는지 문의 드립니다.

925 일반 미니 PC (N100, Firebat AK2 PLUS) 설정 관련 => 최종 고장
세상의모든계산기 2024.09.09 - 21:10 4140 11
23년 10월에 알리에서 구입했던 N100 기반의 미니 PC 관련 설정을 정리해 두려고 합니다. - 16GB, 512GB 모델로 주문했고, 당시 주문액: ₩136,858 이었습니다. 지금은 더 오른 듯 합니다. - 도착하고 보니 중국산 램(KINSOTIN, 2666MHz)에, 중국산 NVMe(Wicgtyp, N900-512) 라서 업그레이드 해서 주문한 것을 살짝 후회하기도 했습니다. (보조용으로 돌리는 것이긴 하지만) 지금까지 11개월동안 안죽고 살아 있으니, 할 역할은 다 했다고 보여집니다. - 내부에 USB-C 포트가 하나 있는데, 정상 작동한다는 분이 있으나, 제 껀 전원공급만 ...

924 일반 세모계 사이트에서 파일 업로드 에러 (Type 7) 발생할 수 있습니다.
세상의모든계산기 2025.10.13 - 22:58 89
'파일 업로드 및 이미지 업로드 할 때에 Type 7 에러가 발생하며 업로드되지 않는 증상이 있다'는 회원분의 제보가 있었습니다. 최근에 사이트 관련 설정을 변경한 일은 없었기에, 뭐가 문제일지 감이 잘 오지 않습니다. 파일 사이즈 문제인가 싶어서 - php 설정에서 파일 업로드 사이즈를 키우고 서비스 재시작 - rhymix(게시판 관리 프로그램)에서 간단한 리셋을 진행하였습니다. 이후에 여차저차 테스트 해 보던 중, 증상을 재현할 수 있었는데요. ㄴ 로그아웃 후 비회원으로 업로드 시도 ㄴ 이미지 / 일반 파일 동일하게 에러 발생 ㄴ ...

923 일반 언어의 유형과 만남: 고립어, 교착어, 그리고 한본어 현상에 대한 탐구 (written by Gemini)
세상의모든계산기 2025.10.09 - 23:56 194 1
title : 한글날 authr : 한국저작권위원회by site : 공유마당 저작권 위원회 is licensed under 한국저작권위원회 의 "한글날" 은 CC BY 라이선스로 제공됩니다. 왜 우리는 영어 단어를 한국어 문장에 그대로 넣으면 어색하게 느끼는 반면, 일본어 단어는 비교적 자연스럽게 섞어 쓸 수 있을까? 그 답은 각 언어가 가진 고유의 '설계도', 즉 문법 구조에 있다. 이 글에서는 세계의 언어를 구조에 따라 세 가지 유형으로 나누어 보고, 서로 다른 설계도를 가진 언어들이 만났을 때 어떤 일이 벌어지는지, 그리고 '한본어'와 같은 우리 주변...

922 질문 TI NSPIRE CX CAS에서 COMPLETESQUARE 관련 문의 드립니다.
조니 2025.10.08 - 07:49 272 3
안녕하십니까 세모계님 예제와 같이 결과값을 역으로 completesquare로 나타내고 싶은데 되지를 않습니다. 방법이 있으면 좀 가르쳐 주세요. 늘 감사드립니다. 행복한 한가위 되세요.

921 질문 TI NSPIRE CX CAS 복소수 연립 방정식 도메인 오류 질문 있습니다
개미안토넬리 2025.10.04 - 23:34 263 1
안녕하세요. Ti 계산기로 회로이론 관련 복소수 연립 방정식을 풀려고 합니다. 현재 세팅은 degree-polar입니다. 메뉴-3-7-1 눌러 solve() 띄운 뒤에 앞에 c붙여 csolve 사용하려고 했습니다. 도메인 에러가 뜨는데 혹시 어느 부분이 문제인지 알 수 있을까요? 혹은 다른 방법을 사용해 풀어야 할까요? 감사합니다.

920 질문 TI NSPIRE CX CAS에서 복소수 표현 문의 드립니다.
조니 2025.09.28 - 21:17 357 4
세모계님 안녕하세요 복소수를 표현할 때 e로 표현을 합니다. 그렇게 해서 복소수를 덧셈이나 뺄셈을 하면 결과값이 실수부와 허수부로 나옵니다. 그런데 역으로 e의 덧셈이나 뺄셈으로 다시 표현을 할 수 있는 방법은 없나요? tcollect는 문자의 조합처럼 복잡한 경우에는 결과 값이 안 나와서 그렇습니다. 아니면 문자 조합에서도 tcollect가 되는 방법을 알려주시면 감사하겠습니다. 늘 감사합니다.

919 일반 iptime 공유기 (AX2004T), 유선 핑 테스트 결과 (Ping Test)
세상의모든계산기 2025.09.24 - 18:02 469 11
테스트 장비 - 공유기#1 : Asus AC-68U - 공유기#2 : iptime AX2004T ㄴ https://prod.danawa.com/info/?pcode=95848220&keyword=ax2004t&cate=112804 - 노트북 : HP Victus, Realtek RTL8852AE WiFi6, Realtek Gaming GbE Family Controller 테스트 절차 * 정확한 값을 얻기 위해 파이썬 ping3 라이브러리를 활용함. * 노트북(윈도우11) 에서 ping 을 대략 100회 정도 실시함. * 노트북과 공유기는 장애물 없이 50cm 정도 떨어져 있음. * 공유기#2(AX2004T)에는 노트북 외에 물려있는 장치는 없고, 테스트 중 다른 작업 하지 않음. * 공유...

918 자동차 급발진 공포를 조장하지 말자!
세상의모든계산기 2024.08.05 - 21:12 659 7
자동차 급발진은 실제로 있을까? 당연히 자동차 급발진은 실제한다. 모든 기계는 오작동 가능성을 가진다. 예전에 운전했던 아반떼 XD 차량에서 처음 시동걸 때, 굉음이 나면서 RPM이 3000~4000정도까지 올라갔었던 기억이 있다. 주행중이 아니더라도 이 상황이 되면 엄청 무섭다. 다행이 주행중에는 나타나지 않았고, 오작동의 이유는 산소센서 이상이었던 것으로 기억한다. 요즘차라도 1. 악셀레이터를 내 발로 지금 밟지 않고 있는데 엔진 RPM이 치솟아 그것이 동력(=바퀴 회전)으로 전달되고, 2. 브레이크는 밟아도 전혀 속도감소에 도...

917 자동심장충격기, AED 내 주변에 설치된 곳 확인하기
세상의모든계산기 2025.09.06 - 09:49 329 1
중앙응급의료센터 https://www.e-gen.or.kr/egen/search_aed.do?searchType=map&cookieYN=Y 신경써서 보지 않으면 근처에 있어도 모를 수 있으니, 미리 알아놓으면 좋겠네요. * 법정 의무 설치기관은 신고의무도 있어서, 그런 곳에 설치된 장소는 모두 검색 가능할 듯 합니다. 2024년 자동심장충격기 설치 및 관리 지침(제7판) https://www.mohw.go.kr/board.es?mid=a10409020000&bid=0026&act=view&list_no=1481316&tag=&nPage=1

916 일반 욕실 변기 - 필밸브 구조 - Fill Valve, Diaphragm
세상의모든계산기 2025.08.28 - 11:31 307
필밸브 내부 구조(다이어 프램)에 대해 나온 한글 설명이 없어서 찾아 봤습니다. 이미지 출처 https://helpfulcolin.com/toilet-silent-fill-valve-works/ 1. 닫힘 2. 물탱그 비워짐 -> 물 채워짐 3. 필 밸브 서서히 닫힘 4. 채우기 주기 종료됨. 이미지 셋 1

915 질문 TI NSPIRE CX CAS에서 극한값 질문 다시 한번 문의 드립니다.
조니 2025.08.03 - 23:34 781 6
안녕하세요. 세모계님 이번에는 조금 특이한 경우로 가져와 봤습니다. 시그마가 일반항으로 표현이 안되는 경우입니다. 그런 경우는 극한값이 구해지지 않네요. 그런데 바젤함수라고 수학적으로 극한값이 증명이 된 문제입니다. 방법이 없을까요? 늘 감사드립니다.

914 질문 TI NSPIRE CX CAS에서 극한값 오류 문의 드립니다.
조니 2025.07.30 - 21:46 744 2
안녕하세요. 세모계님 오랫만에 문의 드립니다. 다름 아니라 극한값 오류가 있어서 문의 드립니다. 간단한 식인데 극한 값을 못 찾네요. 그래프로 그려보니 플러스 무한대는 1 마이너스 무한대는 0인데 말이지요. 답변 가능하시면 풀이 부탁 드립니다. 감사합니다.

913 질문 SHARP EL-5500X 계산기로 회귀직선식 구할때 수치오류가 뜹니다ㅜㅜ
살려주세요
2025.07.27 - 18:07 738 1
안녕하세요 바화기를 준비중인 학생입니다 bradford 준비를 위해서 공학용 계산기로 회귀직선식을 구하는법을 공부중에 있는데요 gpt를 통해서 mode>1)stat>1)a+bx>x>(x,y)>y를 차례대로 수행후 change를 누르고 alpha를 누른뒤 stat을 누르면 a,b,r값을 구할 수 있음을 알게 되었습니다. 문제는 엑셀을 통해서 구해본 값과 수치가 다릅니다. 바화기 작업형 후기에서 나온 그래프와 엑셀의 값은 일치하는데 공학용 계산기 값은 달라요 왜 이런지 알려주실 분을 구합니다.. 입력한 변수 값은 동일합니다 x: 0.02,0.04,0.06 y: 0.155,0.305,0...

912 질문 샤프 EL-5500X 계산기에서 1차방정식....
브루스 페인
2025.07.23 - 10:27 867 4
건축설비기사 자격증을 준비중인대, 카시오 계산기 관련 유투버등 동영상은 많은대 샤프계산기는 정말 찾기 힘들고.. 간단한 1차 방정식인데도 편하게 설명해주는곳이 없어서 질문드립니다. 문1) 10(22-14)=X(22-(-10)) 에서 X값 구하는 경로 좀 알려주세요! 문2) (1/2.5)=(1/3.13)+(X/1.17) 에서 X값 구하는 경로... SOLVE 기능 사용하는데도 제가 해보니 엉뚱한 답이 나와서 문의 드립니다.. 고수님들 부탁 좀 드릴께요!!

911 일반 Tetration, Power Tower Function 을 이용한 프렉탈 패턴 찾기 #mytetration
세상의모든계산기 2024.05.25 - 18:33 3049 7
관련 프로젝트 링크 https://github.com/DMTPARK/mytetration https://github.com/creeras/mytetration/tree/main/cuda https://tetration.org/original/Tetration/index.html 1. 테트레이션 Tetration 거듭제곱을 거듭하여 만들어지는 연산 --> 0차? 연산, 다음수, a' = a+1 --> 1차 연산, 덧셈, a+n = a+1+1+1+1+......+1 --> 2차 연산, 곱셈=덧셈을 거듭, a*n = a+a+a+a+......+a --> 3차 연산, 거듭제곱=곱셈을 거듭, ana^n = a*a*a*a*......*a --> 4차 연산, 거듭제곱을 거듭, an^n a = a^a^a^a^...^a (왼쪽에서 오른쪽 연산? 오른쪽...

910 일반 시티즌 CT-600
황금장신구 2025.07.01 - 14:58 816 1 1
안녕하세요 반갑습니다. 시티즌 CT-600입니다 산식체크기능이 있습니다. 아마 ct-500부터 적용된 기능으로 압니다. 현역으로 사용중입니다.

909 질문 샤프 공학계산기 EL5100TS
유니유니 2025.06.20 - 16:54 914 1
계산기로 이식을 구할려고 하는데 사용법을 몰라서 부탁드립니다.

1 2 3 4 5 6 7 8 9 10 .. 47
/ 47 GO

글쓰기

SEARCH

수식 입력기(ckeditor - wiris) 설치 테스트

1. MathJax 문제 발생

2. 수식 편집기 사용 방법

3. 수식 입력 예제

* Wiris 수식

* MathJax 수식

세상의모든계산기 님의 최근 글

세상의모든계산기 님의 최근 댓글

댓글11

댓글 수식 test (실제):

브라우저별 수식 표시 가능성 비교

CAS계산기

비로그인 회원 test

갑작스레 문제 발생

현재까지 상황을 정리

해결

Wiris 는 지원종료로 포기하고,

새로운 수식 입력기를 2개 달았습니다.

공지사항 참고해 사용 바랍니다.