Question

我正在使用nicEdit将富文本编辑添加到textarea。我正在使用Codeigniter MVC框架和jQuery进行一个简单的AJAX调用来创建一个新的textarea，然后在从AJAX调用返回后将nicEdit应用于这个新的textarea。一切都按预期工作，并使用以下代码按预期实例化nicEdit：

<html>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="<? echo base_url();?>assets/js/nicEdit.js"></script>

<body>
<div id="area1"></div>
<input id="submit" type="submit" value="submit" />

<script>
$(document).ready(function() {

    $('#submit').click(function(){
        $.ajax
        ({
            type: "POST",
            url: "test/ajax",
            success: function(html)
            {
                $('#area1').html(html);
                new nicEditor().panelInstance('newArea');
            }
        });
    });
});
</script>

</body>
</html>

从提交按钮单击事件调用的test / ajax控制器是一个返回新textarea的函数，如下所示：

    function ajax()
    {
        echo "<textarea id='newArea'></textarea>";
    }

在我的主应用程序中，我在概念上做了与上述相同的事情，即从AJAX调用返回一个新的textarea，然后在AJAX成功函数上实例化这个新区域。我遇到的问题是虽然nicEdit从AJAX调用挂钩到这个新的textarea，但nicEdit图标不会出现。字体格式，字体系列和字体大小属性显示并起作用，但不显示其他图标（粗体，斜体，下划线等）。

建议表示赞赏。

Answer 1

我认为您需要明确指定图标文件的位置。您可以在实例化nicEditor对象时传递配置字典：NicEdit Configuration Options

从jQuery AJAX请求返回时的nicEdit行为

1 个答案: