使用ajax调用加载nicedit时出现问题

发布于 2024-10-26 13:47:39 字数 611 浏览 3 评论 0原文

我正在使用 nicedit.js 将我的文本区域转换为 html 编辑器,当我直接调用页面时没有问题,但是当我通过 ajax 调用调用或调用 jquery 选项卡下的页面时,编辑器页面不会加载而是弹出错误,

错误:“null”为空或不是对象

我声明我的文本区域,如下所示

bkLib.onDomLoaded(function() {
    new nicEditor({iconsPath :'<%=request.getContextPath()%>/images/nicEditorIcons.gif',
    maxHeight:345,
    buttonList : ['save','bold','italic','underline','left','center','right','justify','ol','ul','fontSize','fontFamily','fontFormat','indent','outdent','image','upload','link','unlink','forecolor','xhtml']}).panelInstance('content');
});

任何人都使用 nicedit 和 ajax

提前感谢

i'm using nicedit.js to convert my textarea to html editor, when i call the directly the page there is no prob, but when i call via ajax call, or call page which under jquery tab, the editor page not load but pop error,

Error: 'null' is null or not an object

i declare my textarea as below

bkLib.onDomLoaded(function() {
    new nicEditor({iconsPath :'<%=request.getContextPath()%>/images/nicEditorIcons.gif',
    maxHeight:345,
    buttonList : ['save','bold','italic','underline','left','center','right','justify','ol','ul','fontSize','fontFamily','fontFormat','indent','outdent','image','upload','link','unlink','forecolor','xhtml']}).panelInstance('content');
});

anyone has use nicedit with ajax

thanks in advance

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

落花浅忆 2024-11-02 13:47:39

在我绞尽脑汁之后,终于找到了解决方案,所以当通过ajax调用包含编辑器的页面时,只需将文本区域声明为
new nicEditor().panelInstance('content');

不是
bkLib.onDomLoaded(函数() {
new nicEditor().panelInstance('内容');
}

after cracking my head, finally i found solution, so when ever call page which contain editor via ajax, just declare the textarea as
new nicEditor().panelInstance('content');

not
bkLib.onDomLoaded(function() {
new nicEditor().panelInstance('content');
}

你另情深 2024-11-02 13:47:39

我用

new nicEditors.allTextAreas;

而不是

bkLib.onDomLoaded(nicEditors.allTextAreas);

I use

new nicEditors.allTextAreas;

instead of

bkLib.onDomLoaded(nicEditors.allTextAreas);
§普罗旺斯的薰衣草 2024-11-02 13:47:39

基本上,如果您使用 ASP.NET 和更新面板,您可以复制粘贴代码。注意:不要忘记更改您的文本区域 ID。

    <script type="text/javascript">


    //hdnNicEdit: it is a hiddenfield in ASP page.
    function SaveContent() {
        $("#<%=hdnNicEdit.ClientID %>").val($(".nicEdit-main").html());
    }


    function pageLoad() {
        $(function () {

            new nicEditor().panelInstance('here your textarea id');
            $(".nicEdit-main").html($("#<%=hdnNicEdit.ClientID %>").val());




        })
    } 

</script>

ASP页面:

        <textarea ID="YOUR TEXTAREA ID" class="form-control" runat="server"></textarea>
        <asp:HiddenField ID="hdnNicEdit" runat="server" />

注意:您需要添加:OnClientClick="SaveContent();"进入保存 nicedit textarea 值的按钮。

服务器端。

获取文本区域值:

  string textAreaValue = hdnNicEdit.value;

设置文本区域值:

hdnNicEdit.value = "i am setting text into textarea"

更多信息:https:// dotnetdaily.net/web-development/tutorials/aspdotnet/nicedit-work-update-panel-asp-net

Basically if you are working with ASP.NET and Update Panel you can copy-paste the code. NOTE: Don't forget to change the textarea Ids for yours.

    <script type="text/javascript">


    //hdnNicEdit: it is a hiddenfield in ASP page.
    function SaveContent() {
        $("#<%=hdnNicEdit.ClientID %>").val($(".nicEdit-main").html());
    }


    function pageLoad() {
        $(function () {

            new nicEditor().panelInstance('here your textarea id');
            $(".nicEdit-main").html($("#<%=hdnNicEdit.ClientID %>").val());




        })
    } 

</script>

ASP PAGE:

        <textarea ID="YOUR TEXTAREA ID" class="form-control" runat="server"></textarea>
        <asp:HiddenField ID="hdnNicEdit" runat="server" />

NOTE: you need to add: OnClientClick="SaveContent();" into the button where you save the nicedit textarea value.

SERVER SIDE.

Getting text area value:

  string textAreaValue = hdnNicEdit.value;

Setting textarea value:

hdnNicEdit.value = "i am setting text into textarea"

More info: https://dotnetdaily.net/web-development/tutorials/aspdotnet/nicedit-work-update-panel-asp-net

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文