WebForm中如何简单使用富文本编辑器(CkEditor)

首先需要做下准备工作,我使用的是目前最新版本,4.17.1

第一、下载CkEditor文件

官网地址:http://ckeditor.com

下载后并解压缩,包含的文件如下

第二、创建WebForm项目

 第三、引用ckeditor文件到项目中

  第四、建立测试页面

在项目创建文件夹orders, 添加一个Add.aspx页面

 1)Add.aspx的head下引入ckeditor控件的js

 <script src="../ckeditor/ckeditor.js"></script>

2)在页面使用asp.textbox标签调用

<div style="width:1200px;height:800px;">
      <asp:Label ID="labContent" runat="server"> 新闻内容:</asp:Label>
      <asp:TextBox ID="txtContent" runat="server" TextMode="MultiLine" CssClass="ckeditor"></asp:TextBox>
</div>

第五、运行后查看效果

 

 参考网址:https://www.cnblogs.com/dekevin/p/4213485.html

posted @ 2022-02-08 16:58  小小邪  阅读(306)  评论(0编辑  收藏  举报