close_btn

  • ※ 사이트 내부 통합검색


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

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

댓글 '8'
  • 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

    이렇게요.

  • ?
    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 업데이트의 부작용인 것으로 드러났습니다. 
    소스코드 수정으로 일시 해결하였습니다.

?

List of Articles
번호 분류 제목 글쓴이 날짜 조회 수 추천 수
공지 공지 기부와 관련하여 (카카오페이 or Paypal) 8 세상의모든계산기 2018.06.27 1257 0
공지 공지 홈페이지 접속이 안되는 경우 DNS 서버에 1.1.1.1 를 추가해 주세요. 1 file 세상의모든계산기 2016.12.01 925 0
공지 공지 소셜 로그인 기능 (네이버, 구글, 페이스북, 트위터 아이디와 연동) file 세상의모든계산기 2015.09.25 1956 0
공지 공지 [필독] 사이트 운영원칙 & 게시판 이용시 주의사항 (주제 / 제목 / 질문글) 1 세상의모든계산기 2015.03.31 2087 0
공지 공지 [필독] 계산기 질문글 작성시 주의사항! (부제 : 바람직한 질문글 작성 요령) 2 file 세상의모든계산기 2015.03.01 2058 0
61 일반 2016년 네이버 신종 나눔 글꼴 (나눔스퀘어) 사이트 링크 : http://hangeul.naver.com/2016/nanum 설명 : 반듯한 직선으로 제목에 잘 어울리며 모바일에서도 잘 보이는 글꼴입니다. 꼭 필요한 2,350자만을 ... file 세상의모든계산기 2016.02.03 905 0
60 일반 TV 속 계산기 - 식샤를 합시다 (시즌1 및 시즌2) 한마디로 '먹방 드라마'라고 말할 수 있는데, 재밌있습니다. 가볍게 보실 분들 추천! 밥 - 천양희 외로워서 밥을 많이 먹는다던 너에게 권태로워서 잠을... 2 file 세상의모든계산기 2016.02.03 810 0
59 일반 세월호 침몰, 진짜 원인이 밝혀지나? - 세월호 행적의 재구성(파파이스 감상문) 그동안 파파이스를 빼놓지 않고 보았다. 다른 볼만한 이유도 없지 않았으나, 무엇보다도 눈길이 갔던 것은 '미친 김감독'이라는 분이 나와서 말하는 세... 9 세상의모든계산기 2016.01.16 489 0
58 일반 올해의 콩 기부 - 정대협 네이버 지식인 활동으로 얻은 콩을 어디에 쓸까 하다가, 정대협에 기부하였습니다. 하나의 콩이라도 도움이 되니까, 여러분도 괜히 콩 썩히지 마시고, 쓰고 싶은 ... 세상의모든계산기 2016.01.16 111 0
57 일반 인공지능 바둑 프로그램 수준이 많이 올라갔네요. 천하수담, 은별 나올 때까지만 기억하고 잊고 있었는데, 그 사이에 몬테 카를로 기법을 도입한 AI 바둑 프로그램이 대세가 되어 있었나봐요. 기력도 부쩍 뛰어서... 13 file 세상의모든계산기 2016.01.10 4072 0
56 팁 & 정보 KT 3G망 속도 TEST (2016/01/08/금/오후) 1. 측정 환경 폰 : VEGA Racer IM-A870 측정 어플 : OOKLA SPEEDTEST 측정 위치 : 수원 모처 아파트. 8층. 방안. 측정 서버 : speedtest.net (SEOUL) 2. 결과 3G ... 1 file 세상의모든계산기 2016.01.08 781 0
55 일반 [개통완료] 우체국 알뜰폰 분석 (에넥스 텔레콤 A ZERO, 기본료 0원) 인기검색어에 우체국 알뜰폰이 들썩들썩 해서 한번 살펴봅니다. 사진 출처 링크 : http://www.epost.go.kr/comm/alddl/alddl02k001.jsp 시끄러운 이유는 에넥스... 15 file 세상의모든계산기 2016.01.04 6257 0
54 팁 & 정보 [리눅스] fail2ban 의 whitelist(=ignoreip)에 유동 아이피를 등록한다? 1. fail2ban 의 whitelist (=ignoreip) 관련 주석은 아래와 같습니다. # "ignoreip" can be an IP address, a CIDR mask or a DNS host. Fail2ban will not # ba... 1 세상의모든계산기 2016.01.01 306 0
53 퍼옴 & 링크 ‘폰트 파일에 대한 저작권 바로 알기’ by 문화체육관광부 ‘폰트 파일에 대한 저작권 바로 알기’ 배포 - 폰트 파일 사용자의 올바른 프로그램 이용과 불필요한 분쟁예방을 위한 안내 □ 문화체육관광부(장관 ... 세상의모든계산기 2015.12.29 282 0
52 팁 & 정보 이미지 파일 외부 링크 차단이 실패한 이유 (feat. nginx) 서버 상태가 후달리므로 일단 이미지 등의 파일 외부 링크를 차단하여 두었다. 차단에 그치지 않고, 링크되는 이미지를 알림용 이미지로 대체하여 보여주려고 상... 세상의모든계산기 2015.12.26 590 0
51 일반 Intel® Centrino® Advanced-N 6200, Dual Band 윈도우 10 드라이버가 안나오네요. 구형 노트북(Dell Inspiron N3010)임에도 불구하고 윈도우 10 설치를 마쳐서 쓰는 중입니다. 다 마음에 듭니다. 다 맘에 드는데... Intel® Centrino® Ad... 7 file 세상의모든계산기 2015.12.25 1075 0
50 팁 & 정보 DNS Benchmark 프로그램 1. DNS? DNS란 Domain Name System 의 약자로서 도메인 주소에 대한 IP 주소를 매칭하여 알려주는 시스템(서버)입니다. 대부분의 사람들이 그러하듯 그냥 신경 안... 1 file 세상의모든계산기 2015.12.23 1446 0
49 질문 TI / 메뉴얼 및 삼각함수변환 안녕하세요 가끔씩 찾아오는 나그네입니다ㅋ  엔스파 cx 기본 내장 함수 목록 및 설명 자료도 구할 수 있나요? TI 홈페이지엔 기계 설명 등 간단한 조작 방법만 ... 1 aiden 2015.12.23 444 0
48 일반 글쓰기 에디터를 ckeditor 로 변경하였습니다. 1. 글쓰기 에디터를 ckeditor 로 변경하였습니다. 기존 에디터는 글 편집할 때 html 코드를 난잡하게 추가하는 문제가 있어서 바꾸었습니다. 2. 글쓰기시 유의사... 세상의모든계산기 2015.12.17 701 0
47 질문 세모계님 홈페이지 (WIRIS 플러그인) 질문 드립니다 ㅠㅠ ∫213d1 세모계님 wiris 플러그인 설치관련해서 질문드립니다 ㅠㅠ 세모계님이 xe에 글남기신거처럼 따라해서 에디터내에 아이콘이나 승인창은 잘뜨는데 수식... 2 샤방샤방 2015.12.17 159 0
46 공지 [설문조사] 사람들이 계산기 사용 설명서를 꺼려하는 이유! 과연 뭘까요? 계산기 설명서 관련한 설문조사입니다. (조사완료일은 2016-02-29 입니다.) 세상의모든계산기 2015.12.17 293 0
45 일반 네이버 지식iN 활동 증명서 네이버에 지식인 활동 증명서라는 것이 있어서 눌러보니깐.. 웃기네요. ㅋㅋ file 세상의모든계산기 2015.12.15 555 1
» 일반 수식 입력기(ckeditor - wiris) 설치 테스트 1. MathJax 문제 발생 기존에 MathJax 를 스크립트로 헤더에 추가하여 수식을 표시하도록 하였습니다. 일반 유저의 경우 문제가 없었던 것으로 파악이 되는데...(... 8 file 세상의모든계산기 2015.12.12 1411 0
43 질문 fx 9860에서 복소수 근 못구하나요? menu에 equation  polynomial degree선택하고 방정식 대입하고 풀어주면 허수근은 나오지 않네요 허수근나오게 하는 방법 있나요? 2 계산기 2015.12.08 386 0
42 일반 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 450 0
Board Pagination Prev 1 ... 16 17 18 19 20 21 22 23 24 25 Next
/ 25