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

第一、下载CkEditor文件

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

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

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

第二、创建WebForm项目

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

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

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

  第四、建立测试页面

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

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

 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>

第五、运行后查看效果

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

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

 

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

相关文章:

  • 2021-11-05
  • 2021-07-21
  • 2021-11-15
  • 2022-12-23
  • 2022-12-23
  • 2021-06-17
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-11-05
  • 2022-12-23
  • 2021-10-18
  • 2021-11-05
  • 2021-08-05
  • 2021-11-05
相关资源
相似解决方案