javascript - jQuery 文本编辑器 (JQTE)

Question

我最近在 MVC 项目的开发中合并了 jQuery 文本编辑器插件 ( here )。

添加插件非常简单。但是，当执行我的 View 时，文本编辑器呈现如下:

这是我在 View 中使用的代码:

JS 引用(省略大于和小于字符，因为它没有在问题中呈现):

<script src="~/Scripts/jquery-1.11.1.min.js">
<script src="~/Plugins/jQuery-TE/jquery-te-1.4.0.min.js">
<link href="~/Plugins/jQuery-TE/jquery-te-1.4.0.css" rel="stylesheet">

HTML:

<div class="row">
    <div class="col-md-9">
        <div class="panel panel-primary">
            <div class="panel-heading">
                Executive Summary
            </div>
            <div class="panel-body">
                <form role="form">
                    <div class="form-group">
                        <textarea name="textarea" class="jqte-test" placeholder="Enter some text">                     
                        </textarea>
                    </div>
                </form>
            </div>
        </div>
    </div>  
</div>

JQTE 脚本:

$('.jqte-test').jqte();

// settings of status
var jqteStatus = true;
$(".status").click(function () {
    jqteStatus = jqteStatus ? false : true;
    $('.jqte-test').jqte({ "status": jqteStatus })
});

Answer 1

我更改 CSS 规则

.jqte_tool.jqte_tool_1 .jqte_tool_label {
position:relative;
display:block;
padding:3px;
width:70px;
height:16px; /* change it to 20px; */
overflow:hidden; }

这对我来说就是这样。