<div id="modal-content" class="modal fade bs-example-modal-lg" style="padding-top:10%" tabindex="-1" role="dialog">
   <div class="modal-dialog modal-lg" style="width: 600px">
    <div class="modal-content" >
        <!--wrapper-->
        <div class="wrapper">
            <!--函数图像-->
            <div class="test_temp">
                <div class="pop_tit">
                    <span class="fl">函数图像</span>
                    <div class="w_func fr">
                        <a href="javascript:;" title="关闭" data-dismiss="modal" class="w_func_close"></a>
                    </div>
                </div>
                <div id="titleDiv" class="test_temp_tip" style="font-size:15px;color:#333;">
                    <input id="titleBox" type="text" class="add_answer" placeholder="请输入标题" value=""></input>
                </div>
                <div class="tst_temp_step hanshu">
                    <div id = "inputView">
                        <div class="card_amount clearfix">
                            <label>常用函数：</label>
                        </div>
                        <div class="fuhao_group">
                            <ul id="sampleEqulal">
                                <li>
                                    <span style="display:none">\frac{1}{x}</span>
                                    <a href="javascript:;" class="fu01"></a>
                                </li>
                                <li>
                                    <span style="display:none">sin\left(x\right)</span>
                                    <a href="javascript:;" class="fu02"></a>
                                </li>
                                <li>
                                    <span style="display:none">x^2</span>
                                    <a href="javascript:;" class="fu03"></a>
                                </li>
                                <li>
                                    <span style="display:none">\sqrt{x}</span>
                                    <a href="javascript:;" class="fu04"></a>
                                </li>
                                <li>
                                    <span style="display:none">sin^2x</span>
                                    <a href="javascript:;" class="fu05"></a>
                                </li>
                                <!--<li>
                                    <span style="display:none">y=\left(\log_2x\right)^2 </span>
                                    <a href="javascript:;" class="fu06"></a>
                                </li>-->
                                <li>
                                    <span style="display:none">\log_{2}x</span>
                                    <a href="javascript:;" class="fu07"></a>
                                </li>
                            </ul>
                        </div>

                        <div class="fuhao_edit">
                            <div class="fuhao_edit_input">
                                <div id="editDiv" class="class="add_answer add_answer_input2">
                                  <span id="inputMath" style="font-size:25px;border:1px solid #EBEBEB;display:block;margin-top:10px;border-radius:3px;min-height:50px;padding-top:10px;"></span>
                                </div>
                            </div>

                            <a id="addInputBox" href="javascript:;" class="fuhao_edit_add"></a>
                        </div>

                    </div>
                    <div id="drawView" class="hasnhu_sj clearfix" style="padding-bottom: 0px;">
                        <div class="hasnhu_sj_left fl">
                            <a id="btnZoomIn" href="javascript:;" class="hs_btn_small"></a>
                            <a id="btnZoomOut" href="javascript:;" class="hs_btn_big"></a>
                        </div>
                        <div id="graphDiv" class="hasnhu_sj_right fl" style="box-sizing: border-box;">
                            <iframe id="graphFrm" class="hasnhu_sj_r_i" src="./editor/assert/js/widget/mathgraph/index.html" frameborder="0" ></iframe>
                            <div id="eqDiv" class="clearfix">
                                <span id="eq1" style="float:left;width:100%;min-height:50px;border:0;display:block;padding:2px 10px;font-size:25px;color:#333;"></span>
                            </div>
                        </div>
                        <span id="hideEq" class="checkbox fr"><input type="checkbox" id="checkBox">隐藏公式</span>
                    </div>
                </div>
                <canvas id="outputCanvas" style="width:0px;height:0px"></canvas>
                <div id="btns" class="pop_btn_box">
                    <a id="btnPlot" href="javascript:;" class="pop_btn fr mrmt "><span class="pop_btn_s2">绘制图像</span></a>
                    <a id="preStep" href="javascript:;" class="pop_btn fl mrmt "><span class="pop_btn_s2">上一步</span></a>
                    <a id="btnPrimary" href="javascript:;" class="pop_btn fr mrmt "><span class="pop_btn_s2">生成卡片</span></a>
                </div>
            </div>
            <!--/函数图像-->
        </div>
     </div>
    </div>
</div>