发表于: 2017-05-30 23:22:54

1 933


一、今天完成的事情

1.学习线上PPT用法。

2.准备小课堂,主题:JS有哪些数据类型和常用方法。


二、明天计划的事情

完成小课堂。


三、遇到问题

1. 富文本编辑器CKEditor的使用及同步问题

关于富文本编辑器,我个人使用的是CKEditor,,下面就来看看CKEditor的使用。

首先,我们需要先下载下来,可以去官网下载:http://ckeditor.com/download

然后我们把需要的文件拖入我们的程序中,在头部将你的ckeditor.js导入

<script src="ckeditor/ckeditor.js" type="text/javascript"></script> 

然后,拖入一个textbox,设置相关代码

<asp:TextBox ID="txt_postContent" runat="server" TextMode="MultiLine"></asp:TextBox> 

<script type="text/javascript"> 

    CKEDITOR.replace('txt_postContent');                 

</script 

这样,我们的富文本编辑窗口就完成了。

CKEditor还有很多样式,在这里就不一一说了,大家可以去网上搜一下,有很多介绍的。

下面来讨论一下CKEditor不能及时同步的问题,新版的CKEditor取消的自动同步的功能,需要手动进行同步,若不同步的话,你的textbox的内容为空。

我们可以通过以下代码来解决CKEditor的同步问题:

首先在他的head中添加js代码:

<script type="text/javascript"> 

        function sendPost() { 

            for (instance in CKEDITOR.instances) { 

               CKEDITOR.instances[instance].updateElement(); 

            } 

        } 

    </script> 

 然后你可以设置一个button来执行这个方法,切记,该方法应该在调用后台之前进行调用,也就是说应该写到buttonOnClientClick事件里,具体代码如下:

<asp:Button ID="btn_send" runat="server" Text="发表帖子"  OnClientClick="sendPost()" /> 

这样,当你点击button的时候,CKEditor就进行了同步。


四、收获

1.整理了关于小课堂的资料,写了一些demo

2.学习了富文本编辑器CKEditor的使用



返回列表 返回列表
评论

    分享到