close_btn

  • ※ 사이트 내부 통합검색


  • ※ 카카오페이로 기부하기

  • ※ 사이트 내부 통합검색

1. MathJax 문제 발생

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

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

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


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

 

2. 수식 편집기 사용 방법 

  1. ckeditor 입력창의 오른쪽 위에 있는 툴바 확장 단추 K-20151212-445811.png 클릭
    └ 툴바가 이미 펼쳐진 상태면 클릭할 필요가 없습니다.

     
  2. 툴바 마지막 줄에 있는 노란 루트기호 K-20151212-445925.png 클릭
     
  3. wiris 수식 편집기에서 수식 입력후 【승인】 클릭
    K-20151212-420120.png
     
  4. 수식이 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 수식

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

 


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

댓글 '10'
  • profile

    댓글 수식 test (실제):

    1. Wiris 를 통한 입력 ▶▶▶ 12+43 

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


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

    아래와 같이 표시(브라우저 Rendering)되면 성공
    K-20151221-648770-fs8.png

    아래와 같이 표시(브라우저 Rendering)되면 실패
    K-20151221-649103-fs8.png

  • profile
    세상의모든계산기 2015.12.21 19:28

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

      본문 댓글
      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로 변경하여 문제를 해결하였습니다. 

  • profile

    CAS계산기

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

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

    버튼을 누르면 이렇게 계산기 창이 뜹니다. 
    K-20151212-845925.png

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

  • profile

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

    이렇게요.

  • profile

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

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

    WIRIS CAS - Chrome 2021-08-25 오후 5_24_29.png


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

  • ?
    test_wiris 2015.12.17 16:24

    비로그인 회원 test

    ∫06ex3dx=

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

  • profile
    세상의모든계산기 2016.03.31 15:47

    갑작스레 문제 발생

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

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

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

  • profile
    세상의모든계산기 2016.03.31 16:50

    현재까지 상황을 정리

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

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

  • profile
    세상의모든계산기 2016.03.31 23:38

    해결

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

  • profile

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

    새로 작성하려고 하면

    Free Trial Expired 로 나오네요.

    Free Trial 이었나?

    스크린샷 2024-04-17 095447.png

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

?

List of Articles
번호 분류 제목 글쓴이 날짜 조회 수 추천 수
공지 공지 기부와 관련하여 (카카오페이 or 네이버페이 or Paypal) 13 세상의모든계산기 2018.06.27 1994 0
공지 공지 소셜 로그인 기능 (네이버, 구글, 페이스북, 트위터 아이디와 연동) file 세상의모든계산기 2015.09.25 2674 0
공지 공지 [필독] 사이트 운영원칙 & 게시판 이용시 주의사항 (주제 / 제목 / 질문글) 1 세상의모든계산기 2015.03.31 2676 0
공지 공지 [필독] 계산기 질문글 작성시 주의사항! (부제 : 바람직한 질문글 작성 요령) 2 file 세상의모든계산기 2015.03.01 3008 0
» 일반 수식 입력기(ckeditor - wiris) 설치 테스트 1. MathJax 문제 발생 기존에 MathJax 를 스크립트로 헤더에 추가하여 수식을 표시하도록 하였습니다. 일반 유저의 경우 문제가 없었던 것으로 파악이 되는데...(... 10 file 세상의모든계산기 2015.12.12 1688 0
42 질문 fx 9860에서 복소수 근 못구하나요? menu에 equation  polynomial degree선택하고 방정식 대입하고 풀어주면 허수근은 나오지 않네요 허수근나오게 하는 방법 있나요? 2 계산기 2015.12.08 501 0
41 일반 ti-nspire tns파일 올려봅니다. tns파일 올려봅니다. a-g까지 ctrl+c, ctrl+v가 안됩니다. i-o까지  a-f까지는 되서 a-f까지만 i-n까지만 ctrl+c,ctrl+v하고 내용 수정하고 o는 다시 쓴겁니다. i... 7 file 지식 2015.12.06 687 0
40 일반 Ti-nspire 인데 spread sheet 질문드려봅니다. 계산기 캡쳐를 할줄 모르는지라... 일단 엑셀파일이랑 식은 똑같으니 엑셀로 올려봅니다.              일단 보시다시피 왼쪽에 있는 A-G가 첫번째 세트이고,  I... 4 file 지식 2015.12.06 1227 0
39 일반 [BA II Plus] 무이표채의 만기수익률, 선도이자율 구하는 방법좀알려주세요 액면가액 10,000원인 다음의 무이표채(순수할인채권)들의 만기수익률,선도이자율을 구하시오 만기 1년 무이표채가격 \9,615.38 만기 2년 무이표채가격 \9,157.30 ... 3 현넥센 2015.12.04 2007 0
38 퀴즈 베스킨라빈스 게임 확장판? "Say 51 to Win" 필승 공략법? 승리조건 : 2명이서 번갈아가며 자연수 1부터 오름차순으로 말하는데, 51을 말한 사람이 승리함. 추가조건 연속으로 말할 수 있는 숫자는 최대 5개까지이고, 숫... 4 세상의모든계산기 2015.11.12 771 0
37 일반 안티로그 Antilog 가 뭐지?? 첨 들어봤넹... 웹을 검색하다가 "안티로그"라는 단어를 처음 보게 되었습니다. 뭔가 로그에 대한 비난을 쏟아낼 것 같은 느낌이 들어서 움찔했는데, 그냥 '상용로그의 역함... 2 세상의모든계산기 2015.11.10 10531 0
36 공지 비로그인 글쓰기시 캡챠 이용 관련 일부 게시판에서는 비로그인 상태에서도 글쓰기가 가능하도록 설정해 두었습니다. 하지만, 스팸 글이 등록되는 것을 막기 위해 캡챠기능을 설정해 두어서 불편할 ... file 세상의모든계산기 2015.11.02 2572 0
35 질문 손님(fa9a4): fx 350 ES PLUS 계산기 등호 입력 못하나요? fx-350 모델은 내장된 모든 기능에서 등호를 사용하지 않기 때문에, 등호를 입력할 방법(버튼에 배치시키거나 메뉴를 통해 찾아서 입력)을 만들어놓지 않았습니다... 세상의모든계산기 2015.10.25 382 0
34 질문 [FX-9860GII] 화면을 모두 지우는 방법 알려주세요 해당 입력글자만 삭제되는데 페이지 안에 입력한 모든 수식을 지우고 싶어요. 화면을 모두 지우는 법을 모르겠어요. 도와주세요ㅜㅜ 3 코코아 2015.10.19 550 0
33 일반 리소스 너무 많이 잡아먹는 utorrentie.exe 차단 1. 이상 증상 얼마전부터 놋북 쿨러가 좀 많이 돌아갑니다. 뭔가 잘못됐음을 직감합니다. 2. 문제의 파악 작업관리자를 보니 utorrentie.exe 라는 녀석이 상주하... 9 file 세상의모든계산기 2015.10.16 8513 0
32 퍼옴 & 링크 한글날 기념 '이순신체' 공유 - 아산시청 수려하진 않지만... 독특한 느낌은 있네요. 찾아가기 : http://www.asan.go.kr/font 세상의모든계산기 2015.10.09 599 0
31 일반 TV 속 계산기 - 두번째 스무살 드라마에 출현한 계산기 뭘까요? CASIO 계산기 같긴 한데... 버튼 색상이 맞는게 안보이네요. ㅎㅎ 돌려서 보니, 조금 앞 장면에 풀샷이 나왔었군요 ㅋㅋ MC-121 ... 세상의모든계산기 2015.10.03 313 0
30 일반 쌀집 계산기 에뮬레이터 프로그램 (for windows) 어디 없나? 시중의 (CASIO, SHARP) 기본 계산기와 동일한게 동작하는 윈도우용 프로그램이 필요하다. 하지만 찾을 수가 없다! 윈도우에는 기본 계산기가 내장되어 있지만 시... 1 file 세상의모든계산기 2015.09.29 1403 0
29 퍼옴 & 링크 의사코드 pseudocode 예제 위키) https://ko.wikipedia.org/wiki/%EC%9D%98%EC%82%AC%EC%BD%94%EB%93%9C 예제) https://en.m.wikipedia.org/wiki/Category:Articles_with_example_pseudocode 세상의모든계산기 2015.09.17 1003 0
28 퍼옴 & 링크 10년만 젊었어도... 출처 : 9월 10일 조남준의 발그림 - http://www.hani.co.kr/arti/opinion/column/708148.html 세상에는 두 종류의 사람이 있다. 후회하는 사람 vs 후회하지 않는... file 세상의모든계산기 2015.09.12 667 0
27 팁 & 정보 코딩(프로그래밍)용 폰트(Fonts) 3종 비교 (Adobe, 네이버, gnome) 다운로드 링크 1. Source Code Pro https://github.com/adobe/Source-Code-Pro https://www.google.com/fonts/specimen/Source+Code+Pro 2. 나눔고딕 코딩 글꼴 ... 1 file 세상의모든계산기 2015.09.11 1162 0
26 일반 '금융사기 예방 퀴즈 이벤트' OTP 수령기 (우리은행) 저번주중에 이벤트에 응모하여 당첨되었고 (100% 당첨) 오늘 OTP 받으러 은행에 다녀 왔습니다. 미래테크놀로지 MRT-600nP (2015년 5월 생산) 무사히(?) 잘 받고 ... 4 file 세상의모든계산기 2015.09.03 891 0
25 리뷰 [벤치마크] USM16X : 소니 USB 3.0 메모리 (16GB) 제조사 홈페이지 : http://www.sony-asia.com/product/usm16x USB 2.0 에 꼽았을 때 ----------------------------------------------------------------------- ... 2 세상의모든계산기 2015.08.30 1442 0
Board Pagination Prev 1 ... 31 32 33 34 35 36 37 38 39 40 Next
/ 40