textile to slides

by joma 2012-06-02 [2012/06/02 13:51:39]

textileフォーマットのテキストをhtml5slidesにするブックマークレット

@@ -7,7 +7,7 @@
  * @require http://html5slides.googlecode.com/svn/trunk/slides.js
  */
 
-function textiletoslide(){
+function textiletoslides(){
   var content = document.getElementsByTagName('pre')[0];
   content.innerHTML = convert(content.innerHTML);
   content.style.display = "none";
@@ -17,24 +17,20 @@
   document.body.appendChild(slides);
 
   var article = null;
-
-  for(var c=0; c<content.childNodes.length; c++){
-    var child = content.childNodes[c];
+  while(child = content.childNodes.item()){
     if( ["H1", "H2", "H3"].indexOf(child.tagName) > -1 ){ // is H1,2,3
-      if( article != null ){
-        slides.appendChild(article);
-      }
       article = document.createElement('article');
       article.appendChild(child);
+      slides.appendChild(article);
     } else {
       if( article == null ){
         article = document.createElement('article');
+        slides.appendChild(article);
       }
       article.appendChild(child);
     }
   }
-
   handleDomLoaded();
 }
 
-textiletoslide();
+textiletoslides();

• /*
   * @title textile to slides
   * @description textileフォーマットのテキストをhtml5slidesにするブックマークレット
   * @include http://*
   * @license MIT License
   * @require http://www.ben-daglish.net/textile/textile.js
   * @require http://html5slides.googlecode.com/svn/trunk/slides.js
   */
  
  function textiletoslides(){
    var content = document.getElementsByTagName('pre')[0];
    content.innerHTML = convert(content.innerHTML);
    content.style.display = "none";
  
    var slides = document.createElement('section');
    slides.className = "slides layout-regular template-default";
    document.body.appendChild(slides);
  
    var article = null;
    while(child = content.childNodes.item()){
      if( ["H1", "H2", "H3"].indexOf(child.tagName) > -1 ){ // is H1,2,3
        article = document.createElement('article');
        article.appendChild(child);
        slides.appendChild(article);
      } else {
        if( article == null ){
          article = document.createElement('article');
          slides.appendChild(article);
        }
        article.appendChild(child);
      }
    }
    handleDomLoaded();
  }
  
  textiletoslides();

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

  このページへの個別リンクです。

  RAW

  書かれたコードへの直接のリンクです。

  Packed

  文字列が圧縮された書かれたコードへのリンクです。

  Userscript

  Greasemonkey 等で利用する場合の .user.js へのリンクです。

  Loader

  @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。

  Metadata

  コード中にコメントで @xxx と書かれたメタデータの JSON です。