发表于: 2017-05-30 23:22:54
1 932
一、今天完成的事情
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来执行这个方法,切记,该方法应该在调用后台之前进行调用,也就是说应该写到button的OnClientClick事件里,具体代码如下:
<asp:Button ID="btn_send" runat="server" Text="发表帖子" OnClientClick="sendPost()" />
这样,当你点击button的时候,CKEditor就进行了同步。
四、收获
1.整理了关于小课堂的资料,写了一些demo
2.学习了富文本编辑器CKEditor的使用
评论