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

<%= javascript_include_tag "/assets/codemirror/codemirror_python_ruby_c"  %>
<%= stylesheet_link_tag "/assets/codemirror/codemirror" %>

<%= stylesheet_link_tag '/editormd/css/editormd','/editormd/css/editormd.min.css' %>
<%= javascript_include_tag '/editormd/lib/marked.min.js','/editormd/lib/prettify.min.js','/editormd/lib/raphael.min.js','/editormd/lib/underscore.min.js','/editormd/lib/sequence-diagram.min.js',
                        '/editormd/lib/flowchart.min.js','/editormd/lib/jquery.flowchart.min.js','/editormd/editormd.js' %>

<style>
    .editormd-preview-container, .editormd-html-preview{
        text-align: left;
        font-size: 16px;
        line-height: 1.8;
    }
    .-task-ml80 .CodeMirror pre{
        font-size: 16px;
    }
</style>

<div class="task-pm-content mb20">
  <div class="task-pm-box mt20">
    <div class="panel-header clearfix">
      <h3 class="fl mt5">阶段详情</h3>
      <% unless @next_challenge.blank? %>
          <a href="<%= shixun_challenge_path(@shixun, @next_challenge) %>" class="shixun-task-btn task-btn-green fr ml10">下一阶段</a>
      <% end %>
      <% if @shixun.status == 0 && User.current.manager_of_shixun?(@shixun) %>
         <!-- <a href="<%#= new_shixun_challenge_path(@shixun) %>" class="shixun-task-btn task-btn-green fr">新建阶段</a>-->
          <a href="<%= new_shixun_challenge_path(@shixun, :st => 2) %>" class="shixun-task-btn task-btn-green fr">+单选任务</a>
          <a href="<%= new_shixun_challenge_path(@shixun, :st => 1) %>" class="shixun-task-btn task-btn-green fr mr10">+多选任务</a>
          <a href="<%= new_shixun_challenge_path(@shixun, :st => 0) %>" class="shixun-task-btn task-btn-green fr mr10">+实践任务</a>
      <% end %>
    </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>-->
          <% if @shixun.status == 0 && User.current.manager_of_shixun?(@shixun) %>
              <a href="<%= edit_shixun_challenge_path(@challenge, :shixun_id => @shixun) %>" class="shixun-task-btn task-btn-green fr">编辑</a>
          <% end %>
          <!-- <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 panel-box-sizing panel-form-width-690">
            <%= @challenge.path.blank? ? "无" : (h @challenge.path.html_safe) %>
          </div>
        </li>
        <li class="clearfix">
          <label class="panel-form-label fl">执行文件：</label>
          <div class="fl task-bg-grey panel-box-sizing panel-form-width-690">
            <%= @challenge.exec_path.blank? ? "无" : (h @challenge.exec_path) %>
          </div>
        </li>
        <li class="clearfix">
          <label class="panel-form-label fl"><span class="c_red mr5">*</span>过关任务：</label>
          <div class="fl task-bg-grey panel-box-sizing panel-form-width-690 new_li" id="challenge_task_pass" style="width: 90%">
            <textarea style="display:none;"><%= @challenge.task_pass %></textarea>
          </div>
        </li>
        <li class="clearfix">
          <label class="panel-form-label fl"><span class="c_red mr5">*</span>评测方式：</label>
          <div class="fl task-bg-grey panel-box-sizing panel-form-width-690">
            输入输出
          </div>
        </li>
        <li class="clearfix">
          <label class="panel-form-label fl">测试集设置：</label>
          <ul class="fl task-bg-grey panel-box-sizing panel-form-width-690">
            <% 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>
                        <% if test.is_public? %>
                            <i class="fa fa-unlock-alt font-grey ml5" ></i>
                        <% else %>
                            <i class="fa fa-lock font-grey ml5" ></i>
                        <% end %>
                      </p>
                      <div class="clearfix"><span class="fl fb">输入：</span><p class="fl"><%= test.input.gsub("\r\n", "<br />").html_safe unless test.input.blank? %></p></div>
                      <div class="clearfix"><span class="fl fb">输出：</span><p class="fl"><%= test.output.gsub("\r\n", "<br />").html_safe unless test.output.blank? %></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 panel-box-sizing panel-form-width-690">
                <% @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 task-bg-grey panel-box-sizing panel-form-width-690 new_li" id="tpm_answer_show" style="width: 90%">
            <textarea style="display:none;"><%= @challenge.answer.blank? ? "无" : (@challenge.answer) %></textarea>
          </div>
        <!--  <div id="hidden_tpm_answer_show" class="undis"><%#= @challenge.answer.blank? ? "无" : (@challenge.answer) %></div>-->
        </li>
        <li class="clearfix">
          <label class="panel-form-label fl">难易度：</label>
          <div class="fl task-bg-grey panel-box-sizing panel-form-width-690">
            <%= @challenge.game_difficulty %>
          </div>
        </li>
        <li class="clearfix">
          <label class="panel-form-label fl"><span class="c_red mr5">*</span>奖励经验值：</label>
          <div class="fl task-bg-grey panel-box-sizing panel-form-width-690">
            <%= @challenge.score %>分
          </div>
        </li>
      </ul>
    </div>
  </div>
</div>
<script type="text/javascript">
    $(document).ready(function() {
        editormd.loadKaTeX(function() {
            var taskPassMD = editormd.markdownToHTML("challenge_task_pass", {
                htmlDecode: "style,script,iframe",  // you can filter tags decode
                taskList: true,
                tex: true,  // 默认不解析
                flowChart: true,  // 默认不解析
                sequenceDiagram: true // 默认不解析
            });
            var answerMD = editormd.markdownToHTML("tpm_answer_show", {
                htmlDecode: "style,script,iframe",  // you can filter tags decode
                taskList: true,
                tex: true,  // 默认不解析
                flowChart: true,  // 默认不解析
                sequenceDiagram: true // 默认不解析
            });
        });
    });
</script>