Question

所以我正在尝试将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>

My Textarea：

<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的演示页面上的内容。我真的不明白他们是怎么做的，而我却做不到。所有答案将不胜感激。

Answer 1

我发现你没有使用jQuery插件初始化textarea .jQte-test。

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

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

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

http://jqueryte.com/documentation

jQuery文本编辑器不起作用？

1 个答案: