socialforge/app/views/challenges/show.html.erb

<%= javascript_include_tag "/assets/codemirror/codemirror_python_ruby_c"  %>
<%= stylesheet_link_tag "/assets/codemirror/codemirror" %>
<%= stylesheet_link_tag "/assets/kindeditor/plugins/code/previewcode" %>

<div class="task-pm-content mb20">
  <div class="task-pm-box mt20">
    <div class="panel-header clearfix">
      <h3 class="fl mt5">阶段详情</h3>
      <a href="<%= new_shixun_challenge_path(@shixun) %>" class=" task-btn task-btn-green fr">新建阶段</a>
    </div>
    <div class="panel-form ">
      <div class="clearfix mb20">
        <h3 class="fl panel-inner-title"><span class="color-red mr10">第<%= @challenge.position %>关</span><%= @challenge.subject %></h3>
        <p class="fr">
          <a href="<%= edit_shixun_challenge_path(@challenge, :shixun_id => @shixun) %>" title="编辑"><i class="fa fa-pencil-square-o color-grey font-16 mr5"></i></a>
         <!-- <a href="<%#= shixun_challenge_path(@challenge, :shixun_id => @shixun) %>" title="删除" method="delete" ><i class="fa fa-trash-o color-grey font-16 mr5"></i></a>-->
          <!--<a href="#" title="复制"><i class="fa fa-files-o color-grey font-16 mr5"></i></a>-->
        </p>
      </div>
      <ul>
        <li class="clearfix">
          <label class="panel-form-label fl">文件路径：</label>
          <div class="fl task-bg-grey">
            <%= @challenge.path.blank? ? "无" : (h @challenge.path.html_safe) %>
          </div>
        </li>
        <li class="clearfix challenge_bottom">
          <label class="panel-form-label fl">预备知识：</label>
          <div class="fl task-bg-grey task-bg-grey-ligh">
            <%= @challenge.ready_knowledge.blank? ? "无" : (h @challenge.ready_knowledge.html_safe) %>
          </div>
        </li>
        <li class="clearfix">
          <label class="panel-form-label fl"><span class="c_red mr5">*</span>过关任务：</label>
          <div class="fl task-bg-grey task-bg-grey-ligh" id="challenge_task_pass">
            <%= h @challenge.task_pass.html_safe %>
          </div>
        </li>
        <li class="clearfix">
          <label class="panel-form-label fl">样例设置：</label>
          <ul class="fl task-bg-grey task-bg-grey-ligh">
            <% if @challenge_samples.count > 0 %>
                <% @challenge_samples.each_with_index do |sample, index| %>
                    <li class="clearfix">
                      <p class="clearfix">
                        <span class="color-green fb">样例<%= index + 1 %></span>
                      </p>
                      <div class="clearfix"><span class="fl fb">样例输入：</span><p class="fl"><%= sample.input %></p></div>
                      <div class="clearfix"><span class="fl fb">样例输出：</span><p class="fl"><%= sample.output %></p></div>
                    </li>
                <% end %>
            <% else %>
                无
            <% end %>
          </ul>
        </li>
        <li class="clearfix">
          <label class="panel-form-label fl">测试集设置：</label>
          <ul class="fl task-bg-grey task-bg-grey-ligh">
            <% if @test_sets.count > 0 %>
                <% @test_sets.each_with_index do |test, index| %>
                    <li class="clearfix">
                      <p class="clearfix">
                        <span class="color-green fb">测试集<%= index + 1 %></span>
                      </p>
                      <div class="clearfix"><span class="fl fb">测试输入：</span><p class="fl"><%= test.input %></p></div>
                      <div class="clearfix"><span class="fl fb">测试输出：</span><p class="fl"><%= test.output %></p></div>
                    </li>
                <% end %>
            <% else %>
              无
            <% end %>
          </ul>
        </li>
        <li class="clearfix">
          <% unless @challenge_tags.blank? %>
              <label class="panel-form-label fl"> 知识/技能点：</label>
              <div class="fl task-bd-grey">
                <% @challenge_tags.each do |tag| %>
                    <div class="task-tag tag-grey mb10 mr10 fl">
                      <%= tag.name %>
                    </div>
                <% end %>
              </div>
          <% end %>
        </li>
        <li class="clearfix">
          <label class=" panel-form-label fl"> 参考答案：</label>
          <div class="fl" id="tpm_answer_show" style="line-height: 1.2"></div>
          <div id="hidden_tpm_answer_show" class="undis"><%= @challenge.answer.blank? ? "无" : (h @challenge.answer.html_safe) %></div>
        </li>
        <li class="clearfix">
          <label class="panel-form-label fl"><span class="c_red mr5">*</span>分值设定：</label>
          <div class="fl task-bg-grey">
            <%= @challenge.score %>分
          </div>
        </li>
      </ul>
    </div>
  </div>
</div>
<script>
    $('#challenge_task_pass').find('img').css("max-width", "680px");
    var tpmMirror = $("#tpm_answer_show")[0];
    var TpmCodeMirror = CodeMirror(tpmMirror, {
        value: $("#hidden_tpm_answer_show").text(),
        mode:  "<%= @language %>",
        readOnly: "nocursor", //只读,并隐藏光标
        //cursorBlinkRate: -1, //隐藏光标
        autofocus: true,
        border: 0,
        lineNumbers: true

    });
    $(document).ready(function(){
        TpmCodeMirror.setSize('700px','auto');//设置版本库codemirror的高度
    });
</script>