0

所以我正在尝试将 jQuery TextEditor 安装到我的 CodeIgniter 项目中。我想知道为什么它不起作用。顺便说一句：我的项目也使用 Bootstrap。谁能告诉我为什么插件不起作用？我已经在正确的地方找到了文件，所以我认为这不是因为浏览器找不到我的文件。请帮忙。

头：

<head>
<meta charset="utf-8">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="<?php echo base_url()?>css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="<?php echo base_url()?>css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css">
<link href="<?php echo base_url()?>css/custom-style.css" rel="stylesheet" type="text/css">

<link type="text/css" rel="stylesheet" href="<?php echo base_url()?>css/jquery-te-1.4.0.css">

<script type="text/javascript" src="http://code.jquery.com/jquery.min.js" charset="utf-8"></script>
<script type="text/javascript" src="<?php echo base_url()?>js/jquery-te-1.4.0.min.js" charset="utf-8"></script>


<style>
    .input-mysize{
        width:700px;
    }

    .textarea-mysize{
        width:700px;
        height:300px;
    }
</style>

</head>

我的文本区域：

<form method="post" action="#">
                        <table border="0" width="100%">
                            <tr align="center">
                                <th><input class="input-mysize" type="text" name="c_title" cols="100"/></th>
                            </tr>
                            <tr align="center">
                                <td><textarea name="textarea" class="jqte-test"></textarea></td>
                            </tr>
                            <tr>
                                <td align="center" colspan="2">
                                    <input type="submit" value="Update Content"/>
                                    <input type="reset" value="reset"/>
                                </td>
                            </tr>
                        </table>
                    </form>

Textarea 中的类称为“Jqte-test”，因为那是 jQueryTE 演示页面上的内容。我真的不明白他们是如何让它工作的，而我却不能。所有答案将不胜感激。

4

1 回答 1

1

我看到您没有.jQte-test使用 jQuery 插件初始化 textarea。

在$(document).ready();你需要添加$(".jqte-test").jqte();

<script>
 $(document).ready(function(){
       $(".jqte-test").jqte();
  });
</script>

查看插件的文档以获取实现提示

http://jqueryte.com/documentation

于 2013-08-24T11:26:58.593 回答