• SEARCH

    통합검색
세모계
    • Dark Mode
    • GNB Always Open
    • GNB Height Maximize
    • Color
    • Brightness
    • SINCE 2015.01.19.
    • 세모계 세모계
    •   SEARCH
    • 세상의 모든 계산기
      • 자유(질문) 게시판
      • 계산기 뉴스/정보
      • 수학, 과학, 공학 이야기
      • 세모계 : 공지 게시판
        • 구글 맞춤검색
    • TI
    • CASIO
    • HP
    • SHARP
    • 일반(쌀집) 계산기
    • 기타계산기
    • by OrangeDay
  • 세상의 모든 계산기 자유(질문) 게시판
    • 세상의 모든 계산기 자유(질문) 게시판 일반 ()
    • 수식 입력기(ckeditor - wiris) 설치 테스트

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

    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】 로 페이지를 새로고침 해보세요.

    Attached file
    K-20151212-445811.png 468Bytes 197K-20151212-445925.png 638Bytes 181K-20151212-420120.png 15.8KB 185K-20151215-315961.png 3.6KB 178K-20151215-315659.png 4.5KB 194
    이 게시물을..
    N
    0
    0
    • 세상의모든계산기 25
      세상의모든계산기

      계산기는 거들 뿐
      혹은
      계산기를 거들 뿐

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

    ban 설정 강화 73788 1 2026 05.09 정적분 구간에 미지수가 있고, solve 를 사용할 수 없을 때 그 값을 확인하려면? 2683 4 2026 04.10 높아질수록 좁아지는 시야에 대하여 - written by ChatGPT 12371 2026 02.12 내가 올해 몇살이더라? (내 나이 계산기) 9898 2026 02.11 AGI 자기 거버넌스 구조와 인간-AGI 관계 모델 (written by GEMINI & GPT) 12850 1 2026 01.30

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

    본문의 변환 위젯에 사용된 전서체 폰트는 대만의 최고 학술 연구 기관인 중앙연구원(Academia Sinica)에서 제공하는 ‘숭희전체(崇羲篆體)’로 전통 한자 서체인 소전(小篆)을 현대 컴퓨터 폰트(글꼴)로 구축한 오픈소스 프로젝트로 개발되었습니다. https://xiaoxue.iis.sinica.edu.tw/chongxi/download.htm 2026 10.20 예제1)      예제2)       예제3)      추가옵션    2026 10.18 PC 소프트웨어에서 script Editor 로 소스코드를 쉽게 복사 -> AI에게 문의/개선요청 할 수 있습니다. 잘 되거나, 잘 안되는 부분이 있으면 대댓글 남겨주세요. 2026 10.16 AI로 딸깍하니까, lua 프로그램으로 바꿔주네요. 세상 참... 본문의 ti-basic 기반으로 만들었고, 서로 문제를 일으킬 수 있을 듯 하여 별개의 파일로 작성하였습니다.  1.1 Page : 설명 1.2 Page : 그래프  1.3 Page : Calculator     사용법  Root Locus 1+K*N/D=0    EX: (6s^2+5s+2)/(6s^3(s^2+7s+16)) INPUT (Calculator page 1.3 ):    rl_num:={6,5,2}    rl_den:={6,42,96,0,0,0}  or    num(6s^2+5s+2)    den(6s^3(s^2+7s+16))    optional:   rl_T:=10  rl_D:=1  Coeffs are descending powers of s.  Back on graph page it refreshes itself,  else press [r] or [enter].  KEYS: [+] [-] Kmax zoom, [0] reset, [r] reload  MARKS: x=pole, o=zero, red line=real axis,  gray dash=asymptote, box=break pt, diamond=j-cross  VARS: rl_Kmax rl_sigma rl_r rl_JK rl_Jw    첨부파일 rlocus_lua.tns   2026 10.16 링크가 깨졌다고 하시니   404 에러가 나는 아래 링크를 말씀하시는 것 같은데  https://digilander.libero.it/fpirozzi/fourier.zip 이것은 TI-89 / TI-92 용 파일이며    [TI-92][TI-89] Fourier Transform Library https://allcalc.org/52455 링크의 Attached files + 안에 있습니다.  2026 09.11
    글쓴이의 서명작성글 감추기 

    댓글11

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

      댓글 수식 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

      Attached file
      K-20151221-648770-fs8.png 2.8KB 177 K-20151221-649103-fs8.png 2.3KB 159
      댓글
    • Profile 0
      세상의모든계산기
      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로 변경하여 문제를 해결하였습니다. 

       
      댓글
    • Profile 0
      세상의모든계산기
      2016.03.31 - 23:37 2015.12.12 - 23:15 #11797

      CAS계산기

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

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

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

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

      Attached file
      K-20151212-845925.png 17.0KB 209
      댓글
    • Profile 0
      세상의모든계산기
      2024.06.19 - 00:25 2015.12.13 - 23:03 #11898

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

      이렇게요.

      Attached file
      K-20151213-845779.png 14.0KB 190
      댓글
    • Profile 0
      세상의모든계산기
      2021.08.25 - 18:02 2021.08.25 - 17:25 #34600

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

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

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


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

      Attached file
      WIRIS CAS - Chrome 2021-08-25 오후 5_24_29.png 24.3KB 97
      댓글
    • 0
      test_wiris
      2016.03.31 - 23:37 2015.12.17 - 16:24 #12149

      비로그인 회원 test

      ∫06ex3dx=

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

      댓글 수정 삭제
    • Profile 0
      세상의모든계산기
      2016.03.31 - 23:38 2016.03.31 - 15:47 #16899

      갑작스레 문제 발생

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

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

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

      댓글
    • Profile 0
      세상의모든계산기
      2016.03.31 - 16:51 2016.03.31 - 16:50 #16930

      현재까지 상황을 정리

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

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

      댓글
    • Profile 0
      세상의모든계산기
      2016.03.31 - 23:39 2016.03.31 - 23:38 #16954

      해결

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

      댓글
    • Profile 0
      세상의모든계산기
      2024.04.17 - 09:56 #40553

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

      새로 작성하려고 하면

      Free Trial Expired 로 나오네요.

      Free Trial 이었나?

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

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

      Attached file
      스크린샷 2024-04-17 095447.png 73.5KB 56
      댓글
    • Profile 0
      세상의모든계산기
      2024.06.18 - 13:12 2024.06.18 - 13:11 #41642

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

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

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

      댓글
    • 댓글 입력
    • 에디터 전환
    댓글 쓰기 에디터 사용하기 닫기
    • view_headline 목록
    • 14px
    • 목록
      view_headline
    11
    × CLOSE
    전체 일반 389 질문 509 웃김 2 팁 & 정보 16 퀴즈 2 리뷰 11 퍼옴 & 링크 6 공지 1
    기본 (0) 제목 날짜 수정 조회 댓글 추천 비추
    분류 정렬 검색
    등록된 글이 없습니다.
    • 글쓰기
    • 세상의 모든 계산기 자유(질문) 게시판
    • 세상의모든계산기
    • 사업자등록번호 703-91-02181
    • 세모계 all rights reserved.