FckEditor组件的使用

准备工作:

1)将FckEditor目录拷贝到网站根目录内。

2)在Web.config的AppSetting分支中添加如下的代码,并修改FckEditor的目录和上传文件的保存目录(需要创建).

<appSettings>

<add key="FCKeditor:BasePath" value="~/fckeditor/"/>

<add key="FCKeditor:UserFilesPath" value="~/Upload/"/>

</appSettings>

3)将FredCK.FCKeditorV2.dll文件拷贝到网站的Bin目录内。

4)将FredCK.FCKeditorV2.dll文件内的控件添加到工具箱内

5)创建一个SQLHelper类与数据库交互。

6)创建一个新闻列表网页,目的是从数据库中读取新闻的概要信息,如标题、作者、时间等。将工具箱的Repeater控件放到设计页面,配置Repeater的数据源,

<asp:Repeater ID="Repeater1" runat="server" DataSourceID="SqlDataSource1">
<HeaderTemplate>//标签内的内容只出现一次
<table style=" width:100%;text-align:center;">
<tr>
<td style="text-align:left;">
新闻列表
</td>
<td>
添加时间
</td>
<td>
作者
</td>
</tr>
</HeaderTemplate>
<ItemTemplate>//对应 DataSet 中的 "record" 重复出现

<tr>
<td style="text-align:left;">
<a href="article.aspx?id=<%# Eval("ID") %>" target="_blank"><%# Eval("Title")%></a>//根据数据库中ID号找到要打开的新闻
</td>
<td>
<%# Eval("PostTime")%>
</td>
<td>
<%# Eval("Poster")%>
</td>
</tr>
</ItemTemplate>
<FooterTemplate>
</table>
</FooterTemplate>
</asp:Repeater>

添加按钮代码:

protected void Button1_Click(object sender, EventArgs e)
{
Response.Redirect("~/Default.aspx");//品红色部分是需要跳转到的页面名称
}

7)新建一个编辑新闻页面如图所示

确认按钮代码:

protected void Button2_Click(object sender, EventArgs e)
{
DateTime time = DateTime.Now;
string column = this.DropDownList1.SelectedValue;
string title = this.TextBox1.Text;
string postTime = time.ToString();
string poster = this.TextBox2.Text;
string content = this.FCKeditor1.Value;//获取FCKeditor文本
if (FileUpload1.HasFile)
{
string path = Server.MapPath("~/upload/");
FileUpload1.PostedFile.SaveAs(path + FileUpload1.FileName);
SQLHelper myhelper = new SQLHelper(column, title, postTime, poster, content, FileUpload1.FileName);
myhelper.InsertintoSqlimage();
}
else
{
SQLHelper myhelper = new SQLHelper(column, title, postTime, poster, content, null);
myhelper.InsertintoSql();
}

8)新建一个浏览新闻页面,如图

9)效果图:

(1)新闻列表

(2)新闻发布

(3)新闻浏览

FckEditor组件的使用(新闻浏览发布页面)的更多相关文章

  1. 058——VUE中vue-router之实例操作新闻列表单页面应用与路由别名的使用

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  2. Box(视图组件)如何在多个页面不同视觉规范下的复用

    本文来自 网易云社区 . 问题描述 Android App中的页面元素,都是由一个个Box(可以理解成一个个自定义View组件和Widget同级)组成,这些Box可以在不同的页面.不同的模块达到复用的 ...

  3. IOS开发---菜鸟学习之路--(十)-实现新闻详细信息浏览页面

    前面已经将了上下拉刷新 实现了上下拉刷新后我们的第一级界面就做好,接下来我们就需要实现 新闻详细信息浏览了 我个人认为一般实现新闻详细页面的方法有两种(主要是数据源的不同导致了方法的不同) 第一种是本 ...

  4. 第17讲- UI常用组件之ImageView图片浏览

    第17讲 UI常用组件之ImageView图片浏览 二.图片浏览ImageView ImageView就是一个用来显示图片的视图: ImageView常见属性 常见属性 对应方法 说明 android ...

  5. 用TableView做的新闻客户端展示页面

    用TableView做的新闻客户端展示页面 //  MyTableViewImageCell.m //  SildToDo // //  Created by WildCat on 13-8-18. ...

  6. 微信内置浏览器浏览H5页面弹出的键盘遮盖文本框的解决办法(转)

    最近在做微信公众号的内嵌页面,发现点击输入框时键盘盖住文本框,找到一段代码解决了这个问题. iOS和android手机都已亲测,需要的可以直接拷贝到代码中使用. js代码如下: $(function ...

  7. [Beginning SharePoint Designer 2010]Chapter4 发布页面

    本章概要: 1.SharePoint中的Web内容管理 2.SharePoint发布系统的特性 3.SharePoint发布页面的组成 4.母板页 5.如何构建页面布局和他们潜在的内容类型

  8. 在IE中点击转跳,并打开chorme浏览器继续浏览指定页面,IE自定义ocx控件开发

    因项目需要,需要开发一个功能:在IE中点击转跳,并打开chorme浏览器继续浏览指定页面. 分析需求后,参考了: https://www.cnblogs.com/ffjiang/p/7908025.h ...

  9. Laravel 登录后跳转回登录前浏览的页面

    一.经过 Auth 中间件检查后跳转至登录页面 也就是没有通过 auth 中间件的认证检查,被 auth 中间件拦截后跳转至登录页面.这种情况下,Laravel 默认会在用户登录成功后自动跳转回登录前 ...

随机推荐

  1. ctr预估模型

    http://wenku.baidu.com/course/view/1488bfd5b9f3f90f76c61b8d

  2. pycharm去掉拼写检查

    http://zhidao.baidu.com/question/523436629.html

  3. 概率质量函数:怀孕周期的PMF

    __author__ = 'dell' import surveyimport Pmfimport matplotlib.pyplot as pyplot table = survey.Pregnan ...

  4. 【Java】Servlet 工作原理解析

    Web 技术成为当今主流的互联网 Web 应用技术之一,而 Servlet 是 Java Web 技术的核心基础.因而掌握 Servlet 的工作原理是成为一名合格的 Java Web 技术开发人员的 ...

  5. poj2594

    特殊的最小路径覆盖回顾一下经典的最小路径覆盖问题是每个点都恰好被一条路径覆盖我们把有向无环图的点拆成i,i',对于原图中边i--->j,连边i-->j'做最大匹配,答案是原图点数-最大匹配 ...

  6. HDU 5889 Barricade 【BFS+最小割 网络流】(2016 ACM/ICPC Asia Regional Qingdao Online)

    Barricade Time Limit: 3000/1000 MS (Java/Others)    Memory Limit: 65536/65536 K (Java/Others)Total S ...

  7. 洛谷2344 奶牛抗议(DP+BIT+离散化)

    洛谷2344 奶牛抗议 本题地址:http://www.luogu.org/problem/show?pid=2344 题目背景 Generic Cow Protests, 2011 Feb 题目描述 ...

  8. hdu 4579 博弈+区间dp

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4597 #include <cstdio> #include <cstring> ...

  9. 转载:linux capability深入分析

    转至http://www.cnblogs.com/iamfy/archive/2012/09/20/2694977.html 一)概述:  1)从2.1版开始,Linux内核有了能力(capabili ...

  10. 用canvas把图片变成黑白相片

    <!--这里没有代码--> 原来是把灰度系数分别 乘以 每个像素点的三个像素色(R,G,B)的值,然后得到的三个值加起来,再把得到的值赋值进去给每个R ,G,B. 微软的MSDN上提到的是 ...