Radiant-如何增加定制的Radius Tag¶

1. 场景分析
我们希望把

     <r:box icon="happyface" title="Spiffy box title">
        This is where the main content of our box will go. Lots
        of HTML or radius tags can go here.
      </r:box>

解析成

  <div class="box">
        <h2>
          <img src="/images/icons/happyface.png" />
          Spiffy box title
        </h2>
        <div class="content">
          This is where the main content of our box will go.  Lots
          of HTML or radius tags can go here.
        </div>
      </div>

<r:box /> 是没有定义的tag，需要我们自己定义。
2. 解决方案
1. 生成扩展extension -----custom_tags

  ./script/generate extension custom_tags

2. 测试先行-----编写specs
新建Lib目录，并在_custom_tags/spec/lib/custom_tags_spec.rb_

 require File.dirname(__FILE__) + '/../spec_helper'

            describe 'CustomTags' do
              dataset :pages

              describe '<r:box>' do
                it 'should render the correct HTML' do
                  tag = '<r:box icon="happyface" title="Test Title">Content</r:box>'

                  expected = %{<div class="box">
              <h2>
                <img src="/images/icons/happyface.png" />
                Test Title
              </h2>
              <div class="content">
                Content
              </div>
            </div>}

                  pages(:home).should render(tag).as(expected)
                end
              end
            end

3. 修改custom_tags_extension.rb文件，在active方法中加入

 Page.send :include, CustomTags

4. 定义Radius Tag
vendor/extensions/custom_tags/lib/custom_tags.rb

 module CustomTags
              include Radiant::Taggable

              desc "Creates an HTML box with a title, icon and body content" 
              tag "box" do |tag|
                "" 
              end
            end

5. 运行spec测试

cd vendor/extensions/custom_tags
            rake spec

6. 结果如下

          .

            Finished in 3.312051 seconds

            1 example, 0 failures