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 "/assets/kindeditor/plugins/code/previewcode" %>


<%= stylesheet_link_tag '/editormd/css/editormd','/editormd/css/editormd.min' %>
<%= 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'%>

<script type="text/javascript">
    $(document).ready(function() {
        var wordsView;
        wordsView = editormd.markdownToHTML("wordsView", {
            htmlDecode      : "style,script,iframe",  // you can filter tags decode
            taskList        : true,
            tex             : true,  // 默认不解析
            flowChart       : true,  // 默认不解析
            sequenceDiagram : true // 默认不解析
        });
        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>



<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 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 challenge_bottom">
          <label class="panel-form-label fl">预备知识：</label>
          <div class="fl task-bg-grey panel-box-sizing panel-form-width-690 new_li" id="wordsView" style="width: 90%">
            <!--id 命名规则：challenge_ready_view-->
            <textarea style="display:none;"><%= @challenge.ready_knowledge %></textarea>
            <%#= @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 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 %></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 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">
            简单
          </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>
/*    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('860px','auto');//设置版本库codemirror的高度
    });*/
</script>