爲嵌入標籤的自定義標籤寫一個jekyll插件問題

我想編寫一個jekyll插件來添加一些標籤來處理一些標籤塊，因爲我的網站將有很多頁面具有這種塊。我想用markdown輕鬆編輯它。爲嵌入標籤的自定義標籤寫一個jekyll插件問題

我試圖用這種液體代碼：

{% tabs %} 
    {% tab tab-1 %} 
    Content of tab #1 
    {% endtab %} 

    {% tab tab-2 %} 
    Content of tab #2 
    {% endtab %} 

    {% tab tab-3 %} 
    Content of tab #3 
    {% endtab %} 
{% endtabs %}

給予HTML代碼：

<div class="tab-content"> 
    <div class="tab-pane" id="tab-1"> 
    Content of tab #1 
    </div> 
    <div class="tab-pane" id="tab-2"> 
    Content of tab #2 
    </div> 
    <div class="tab-pane" id="tab-3"> 
    Content of tab #3 
    </div> 
</div>

這裏是我的插件：

module Tags 
    class TabsBlock < Liquid::Block 
     def render(context) 
      '<div class="tab-content">' + super + "</div>" 
     end 
    end 

    class TabBlock < Liquid::Block 
     def initialize(tag_name, tab, tokens) 
      super 
      @tab = tab.strip 
     end 

     def render(context) 
      return "" if @tab.empty? 

      site  = context.registers[:site] 
      converter = site.getConverterImpl(Jekyll::Converters::Markdown) 

      content = super.strip 
      content = converter.convert(content) 

      '<div id="' + @tab + '" class="tab-pane">' + content + "</div>" 
     end 
    end 
end 

Liquid::Template.register_tag("tabs", Tags::TabsBlock) 
Liquid::Template.register_tag("tab", Tags::TabBlock)

當我試試，標記不正確。只有第一個標籤的標記是什麼，我希望，其他的選項卡可以通過代碼熒光筆過去了，我得到：

<div class="highlight"> 
    <pre><code class="text language-text" data-lang="text">&lt;div id=&quot;tab-1&quot; class=&quot;tab-pane&quot;&gt;&lt;p&gt;Content of tab #1&lt;/p&gt;</code></pre> 
</div>

我不知道爲什麼，我不知道用Ruby /液來處理多它由我自己:)。有什麼想法？

謝謝！

來源

2014-01-14 Neovov

我不知道爲什麼，但Jekyll或Liquid認爲，鑑於縮進，這是一些高亮度代碼。

我解決了這個通過剝離再次降價轉換代碼刪除換行符，並通過去除一些縮進：

class TabBlock < Liquid::Block 
    def initialize(tag_name, tab, tokens) 
     super 
     @tab = tab.strip 
    end 

    def render(context) 
     return "" if @tab.empty? 

     site  = context.registers[:site] 
     converter = site.getConverterImpl(Jekyll::Converters::Markdown) 

     lines = super.rstrip.split(/\r\n|\r|\n/).select { |line| line.size > 0 } 
     indentation = lines.map do |line| 
      match = line.match(/^(\s+)[^\s]+/) 
     match ? match[1].size : 0 
     end 
     indentation = indentation.min 

     content = indentation ? super.gsub(/^#{' |\t' * indentation}/, '') : super 
     content = converter.convert(content) 
     content = content.strip # Strip again to avoid "\n" 

     '<div id="' + @tab + '" class="tab-pane">' + content + "</div>" 
    end 
end

來源

2014-01-14 10:42:55 Neovov

這是夢幻般的。對於任何人誰遇到這樣的：

變化：

getConverterImpl

到

find_converter_instance

來源

2017-01-06 22:25:37

爲嵌入標籤的自定義標籤寫一個jekyll插件問題

回答

相關問題