[텍스트큐브] More/Less 객체를 서서히 펼치고 접는 플러그인

그물누리/텍스트큐브 2012/04/17 13:27 글쓴이 : 팥알

  텍스트큐브 1.8 이상에 기본으로 들어간 jQuery를 써서 편집기에서 넣은 More/Less 객체를 slidetoggle 함수로 서서히 접고 펼치게 하는 플러그인입니다. common2.js에 자바스크립트로 들어간 함수(toggleMoreLess)를 다시 정의하므로 덧도리(패치)에 가깝습니다.

More/Less 펼치고 접는 효과 미리보기

  펼치기/접기 상자의 테두리나 배경색 따위는 스킨의 CSS를 고쳐서 바꿀 수 있습니다. 이 플러그인에서는 펼침 객체 아래에 붙는 P 태그로 붙는 단추(클래스 이름: moreless_bottom)를 CSS로 꾸미기 좋게 하려고 div 태그(클래스 이름: moreless_bottom_wrap)로 한 번 더 감쌉니다. 이 플러그인에서는 CSS 내용을 끼워넣거나 건드리지는 않고, 아래 그림처럼 플러그인 설정에서 펼치고 접는 빠르기만 바꿀 수 있습니다.
(미리보기처럼 아래쪽 단추를 오른쪽에 붙이려면 CSS를 고쳐야 합니다.)

  이 플러그인 1.0판부터는 설정에서 바깥 jQuery 스크립트를 불러오게 하면 텍스트큐브 1.7.8 이하에서도 쓸 수 있습니다.

More/Less 서서히 펼치고 접기 플러그인 설정


1.0판에서 고치고 더함

  • 플러그인 설정에서 jQuery 스크립트를 밖에서 불러올 수 있게 하여 텍스트큐브 1.7.8 이하에서도 쓸 수 있게 함
  • 위아래에 붙는 펼치기/접기 객체의 여백을 딸깍할 때에 잘못 펼쳐지고 접히는 것을 바로잡음
MoreLess_Sliding_Script_1.0.zip

(2012. 4. 20. / 텍스트큐브 모든 판)


MoreLess_Sliding_script_0.9.zip

(2012. 4. 17. / 텍스트큐브 1.8 이상)

2012/04/17 13:27 2012/04/17 13:27
얽힌 글타래
<그물누리 / 텍스트큐브> 분류의 다른 글
보람말 : , , , , , , , , , , , , , , ,
걸린 글 0 / 덧글 12
글 걸기 주소 : http://pat.im/trackback/907

덧글을 달아 주세요

  1. TuNE 2012/04/19 18:00 고유주소 고치기 답하기

    좋은 플러그인 감사합니다.

    • 팥알 2012/04/20 08:29 고유주소 고치기

      들러 주셔서 고맙습니다.
      먼저 올린 0.9판이 오류가 있었는데, 이상했다면 1.0판을 써 보시기 바랍니다.

  2. 라엘 2012/04/21 11:47 고유주소 고치기 답하기

    좋은 플러그인 감사합니다!!

    공개플러그인 만든다는게 보통 어려운게 아닌데 존경스럽습니다.

    • 팥알 2012/04/21 12:41 고유주소 고치기

      앗, 라엘님이시군요. 반갑습니다.
      저도 라엘님이 올려 주신 리퍼러 로그 검색어 분석기를 잘 쓰고 있습니다.
      플러그인을 어렵사리 만들어 놓으면 여러 사람이 함께 쓸 수 있어서 좋고, 만든 사람에게도 편한 것 같습니다.
      겨우 플러그인 만드는 것도 손이 많이 가는데, 텍스트큐브 같은 공개 도구의 핵심부를 만드는 개발자님들은 얼마나 애쓰시는지 가늠이 안 됩니다.^^

  3. haru 2012/05/11 20:58 고유주소 고치기 답하기

    감사합니다.잘쓸께요

  4. 비밀방문자 2012/05/18 00:07 고유주소 고치기 답하기

    관리자만 볼 수 있는 덧글입니다.

    • 팥알 2012/05/18 00:52 고유주소 고치기

      제 블로그의 ketwords 메타 태그는 텍스트큐브의 스킨 파일인 skin.html을 통하여 들어가고 있습니다.

      스킨에서 skin.html의 앞 부분(<head>~</head> 사이)에

      <meta http-equiv="Keywords" content="[##_article_rep_title_##]" />

      처럼 넣어 주면 될 것 같긴 합니다. 시험해 보지는 않았습니다.

    • 비밀방문자 2012/05/18 11:11 고유주소 고치기

      답변주셔서 감사합니다
      답글주신대로 하면 될것같아서 적용해봤습니다만
      이상하게 안되더군요.

    • 팥알 2012/05/18 11:46 고유주소 고치기

      [##_article_rep_title_##] 치환자가 본문 영역에서만 적용되는 것 같네요.

      <s_page_title>[##_page_post_title_##]</s_page_title>를 넣어 주면 제목이 들어가긴 하지만, 이렇게 하면 스킨의 다른 곳에서 같은 치환자를 못 씁니다.

      아무래도 텍스트큐브로 메타 태그에 글 제목 정보를 넣으려면 플러그인을 써야 할 것 같습니다. 플러그인을 당장 만들기는 어렵지만, 시간을 두고 더 생각해 보고 만들어 보겠습니다.

    • 비밀방문자 2012/05/18 14:29 고유주소 고치기

      시간되실때 부탁좀 드리겠습니다

    • 팥알 2012/05/18 22:47 고유주소 고치기

      [##_page_title_##]를 쓰면 <s_page_title> ~ </s_page_title>에 들어간 제목 내용이 들어갑니다. <s_page_title> 사이에 더 넣은 문자가 있으면 함께 들어가는 것 같습니다.

    • 비밀방문자 2012/05/19 01:48 고유주소 고치기

      정말감사합니다
      말씀하신대로 해보니까 제대로 나오네요
      감사합니다.