（十二）在线编辑模块（fckeditor）

最新推荐文章于 2020-09-27 15:49:45 发布

x1596638165

最新推荐文章于 2020-09-27 15:49:45 发布

阅读量270

点赞数

分类专栏： ckeditor+ckfinder 文章标签： asp.net ckeditor ckfinder

本文链接：https://blog.csdn.net/x1596638165/article/details/79862648

版权

本文介绍了如何在ASP.NET网站中集成CKEditor文本编辑器，并配合CKFinder实现图片上传功能。首先，将FCKeditor组件的ckeditor文件夹放入网站根目录，然后在源代码中添加引用。通过设置TextBox的CSSClass属性展示CKEditor内容。接着，为CKEditor配置CKFinder以支持图片上传，包括修改ckeditor.js以显示上传按钮，以及调整ckfinder的config.ascx文件设置上传路径和格式。最后，通过修改CKEditor的config.js文件并引入CKFinder，实现图片插入功能。

摘要由CSDN通过智能技术生成

将下载的fckeditor组件的ckeditor文件夹复制到网站的根目录中。

在源代码中添加引用fckeditor组件的程序代码

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

然后，我们利用textbox的cssclass属性里显示fckeditor组件中的内容

<asp:TextBox ID="tcContent" runat="server" TextMode="MultiLine" CssClass="ckeditor"></asp:TextBox>

或者这样

<asp:TextBox ID="tcContent" runat="server" Rows="10" TextMode="MultiLine"></asp:TextBox>
<script type="text/javascript">
    CKEDITOR.replace('tcContent', {language: 'zh-cn', toolbar: [
['Cut', 'Copy', 'Paste', 'PasteText','PasteFromWord'],
['Undo', 'Redo', '-', 'Find', 'Replace&#