Asp.net CKeditor+CKfinder(html編輯器)

最新推荐文章于 2021-06-16 06:00:04 发布
最新推荐文章于 2021-06-16 06:00:04 发布
阅读量1.6k 收藏
点赞数
分类专栏： CK系列 文章标签： asp.net html fckeditor assembly styles flash
一、下載元件
 
FCKeditor 從 3.0版開始 就改名為CKeditor
也把上傳元件分開成為 CKfinder
 
現在要介紹的版本是 CKeditor 3.5.3 for Asp.net 跟 CKfinder 2.0.2.1 (目前是DEMO版)
都可以到官網下載  http://ckeditor.com/
 
下載完後
 
二、配置元件

1、添加對應的文件

右擊網站，加入參考。 依次添加兩個文件夾中“\bin\Debug” 中的dll文件——CKEditor.NET.dll、CKFinder.dll

2、將文件夾“ckeditor” 和 文件夾"ckfinder"，添加到網站的根目錄下

3、修改配置文件

CKEditor配置：打開“ckeditor\config.js”文件，根據需要添加配置信息

CKEDITOR.editorConfig = function(config)
{

config.skin = 'v2'; //選擇面版，源文件在“ckeditor\skins\”中
config.resize_enabled = false; //取消拖曳大小

// 基礎工具欄
// config.toolbar = "Basic"; 
// 全能工具欄
// config.toolbar = "Full"; 
// 自定義工具欄
config.toolbar =
[
['Source', '-', 'Preview'], ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord'],
['Undo', 'Redo', '-', 'Find', 'Replace', '-', 'SelectAll', 'RemoveFor​​mat'], 
['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', 'Blockquote', 'ShowBlocks'], '/',
['Bold', 'Italic', 'Underline', 'Strike', '-', 'Subscript', 'Superscript'],
['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'], ['Link', 'Unlink', 'Anchor'], 
['Image', 'Flash', 'Table', 'Horizo​​ntalRule', 'SpecialChar'], '/',
['Styles', 'Format', 'Font', 'FontSize'], ['TextColor', 'BGColor'], ['Maximize', '-', 'About']
];

//在CKEditor中使用CKFinder，注意對應文件的路徑

config.filebrowserBrowseUrl = 'ckfinder/ckfinder.html'; //不要寫成"~/ckfinder/..."或者"/ckfinder/..."
config.filebrowserImageBrowseUrl = 'ckfinder/ckfinder.html?Type=Images';
config.filebrowserFlashBrowseUrl = 'ckfinder/ckfinder.html?Type=Flash';
config.filebrowserUploadUrl = 'ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Files';
config.filebrowserImageUploadUrl = 'ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Images';
config.filebrowserFlashUploadUrl = 'ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash';
config.filebrowserWindowWidth = '800' ;  //“瀏覽服務器”彈出框的size設置
config.filebrowserWindowHeight = '500' ; }
config.htmlEncodeOutput = true; 
}
CKFinder的配置：
打開“ckfinder\”下的用戶控件config.ascx，更改其BaseUrl路徑：
BaseUrl = "~/ckfinder/userfiles/" ; //or BaseUrl = "ckfinder/userfiles/";
BaseDir = "";
BaseUrl使用完整網域路徑；
BaseDir使用完整實體路徑；
並且更改：
public override bool CheckAuthentication() 
{
        //return false;       
return true ; 
}
這樣配置就算完成了
三、在頁面應用CKEditor控件
1、在開頭宣告：
 
 
<%@ Register Assembly="CKEditor.NET" Namespace="CKEditor.NET" TagPrefix="CKEditor" %>
 
 
2、然後，在<body>中需要放置該控件的位置加入如下代碼：
 
 
<CKEditor:CKEditorControl ID="CKEditor1" runat="server" Height="350" Width="600">
  </CKEditor:CKEditorControl>
 
 
 
 
 
去掉CKfinder demo提示
 
 
在ckfinder目錄下，找到ckfinder.js ，修改
 
 
 
 
 1、右下角提示：
 
 
 找到 if(!t)this.dV().aC(0).appendHtml(p); 删除
 
 
 2、文件列表上方提示：
 
 
 查到 if(N.files.length)N.fa=G;Q=1; 删除
 


                

        

        

    

  


    

      

        

            

              
                
                  happymagic
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
ckeditor可视化html+ckfinder资源上传 官网下载的 附教程网址

				
			

			

				

					04-19
				

			

		

		

			
				
ckeditor3.5+ckfinder2.02 整合forjava 支持文件上传

			
		

	



                

            
              



	

		

			

				
					
CKEditor&CKFinder结合实现在线HTML编辑器

				
			

			

				

					weixin_34343308的博客
				

				

					11-08
					
					134
					
				

			

		

		

			
				
最近在做一个项目时需要用到在线HTML编辑器，之前做的是用的FreeTextBox，但总感觉不太完善。于是想起了FCKeditor，知道它很强大，但还没用过，于是准备使用FCKeditor。
FCKeditor目前已经改名为了CKEditor和CKFinder，CKEditor不包含上传文件功能，该功能被分割在了CKFinder中，因此需要同时使用这两个文件才能实现文件...

			
		

	



              


  
              

                


	

		

			

				
					
ckfinder的使用及了解config.xml的配置

				
			

			

				

					qqtian5的专栏
				

				

					12-05
					
					7484
					
				

			

		

		

			
				
ckfinder的使用，根据官网向导（CKFinder_2.x/Developers_Guide）自己写的笔记
1、将ckfinder_java_2.4.3\CKFinder-Java-2.4.3\ckfinder目录放到根目录下面，WEB-INF/lib中的jar文件全部放到项目中的lib下面
2、将config.xml放到WEB-INF目录下面
3、修改config.xml文件下的配置 

			
		

	





	

		

			

				
					
12.HTML编辑器（CKEditor、CKFinder集成）

				
			

			

				

					weixin_34319640的博客
				

				

					07-04
					
					108
					
				

			

		

		

			
				
CKEditor原名为FckEditor,是著名的HTML编辑器，可以在线编辑HTML内容。
配置参考文档：主要将ckeditor中的lang、plugins、skins、ckeditor.js、config.js、contents.css、styles.js解压后放到项目的目录下，在发贴页面引用ckeditor.js,然后设置多行文本框的class="ckeditor",代码中仍然可以通过...

			
		

	



		

			
		



	

		

			

				
					
ckfinder 配置 php,CKEditor4+CKFinder3（php版本）安装及配置方法

				
			

			

				

					weixin_32770697的博客
				

				

					03-10
					
					1028
					
				

			

		

		

			
				
目录介绍CKEdiotr4+CKFinder3CKEditor4是一个强大的富文本编辑器，这是国外开源，功能非常齐全，大部分基本满足需求，插件扩展功能强大。 但是访问官方速度有点慢，因为它是国外嘛！！！全都是英文，看不懂英文的话浏览器应该有自带翻译即可。CKFinder3主要用于一个文件上传器功能的插件，上传图片、视频、文档等都支持的，非常有好处就是它拥有自带Ajax文件管理器，不需编写关于aja...

			
		

	





	

		

			

				
					
最新asp.net版Ckeditor+ckfinder

				
			

			

				

					01-14
				

			

		

		

			
				
ASP.NET版的Ckeditor和ckfinder是一套强大的富文本编辑器与图片管理工具的组合，广泛应用于网页内容编辑和管理。Ckeditor是著名的HTML编辑器，而ckfinder则作为一个文件管理器，两者结合可以提供一个完整的图文编辑...

			
		

	





	

		

			

				
					
asp.net CKEditor和CKFinder的应用

				
			

			

				

					10-29
				

			

		

		

			
				
CKEditor是基于Web的富文本编辑器，提供多种自定义选项，可以轻松集成到任何ASP.NET应用程序中。其核心特性包括：  1. **丰富的文本格式化**：CKEditor支持各种文本格式，如加粗、斜体、下划线、字体大小和颜色等，...

			
		

	





	

		

			

				
					
ckeditor + ckFinder asp版

				
			

			

				

					06-03
				

			

		

		

			
				
在互联网内容创作领域，文本编辑器扮演着至关重要的角色，而ckeditor与ckFinder的结合则为ASP平台提供了强大的在线编辑解决方案。ckeditor是一款著名的富文本编辑器，它以其丰富的功能、良好的用户体验以及高度的可...

			
		

	





	

		

			

				
					
CKEditor4+ckfinder ASP.NET 支持图片上传

				
			

			

				

					01-21
				

			

		

		

			
				
在这个页面中，CKEditor会嵌入到HTML中，ckfinder的配置可能也在此处进行，以便用户可以通过编辑器内的按钮触发文件管理器。  `web.config`是ASP.NET应用程序的配置文件，包含应用程序的设置，如数据库连接字符串、...

			
		

	





	

		

			

				
					
ckeditor+ckfinder 完美组合编辑器 加图片上传功能

				
			

			

				

					12-20
				

			

		

		

			
				
ckfinder与ckeditor集成后，用户可以直接在编辑器内浏览服务器上的图片，选择并插入到文档中，极大地简化了图片管理流程。  在"ckeditor+ckfinder"的完美组合中，ckeditor作为前端的文本编辑界面，允许用户创建和...

			
		

	





	

		

			

				
					
ckeditor拖拽添加html,CKEditor&CKFinder结合实现在线HTML编辑器

				
			

			

				

					weixin_28223453的博客
				

				

					06-16
					
					397
					
				

			

		

		

			
				
最近在做一个项目时需要用到在线HTML编辑器，之前做的是用的FreeTextBox，但总感觉不太完善。于是想起了FCKeditor，知道它很强大，但还没用过，于是准备使用FCKeditor。FCKeditor目前已经改名为了CKEditor和CKFinder，CKEditor不包含上传文件功能，该功能被分割在了CKFinder中，因此需要同时使用这两个文件才能实现文件上传，同时因为我是基于ASP....

			
		

	





	

		

			

				
					
CKEditor与CKFinder学习--安全的使用CKFinder与权限控制

				
			

			

				

					程高伟
				

				

					03-23
					
					8519
					
				

			

		

		

			
				
本文介绍了如何安全的使用ckfinder进行文件上传，采用springmvc拦截器和ckfinder提供的访问控制来实现细粒度的访问控制

			
		

	





	

		

			

				
					
CKEditor+CKFinder配置以及使用简介

				
			

			

				

					HosiHui的专栏
				

				

					08-21
					
					5014
					
				

			

		

		

			
				
ckeditor：可视化编辑器，版本：4.2
ckfinder：文件管理、图片上传，版本：2.4 forJava


1、下载ckeditor:http://ckeditor.com/download
下载ckfinder:http://cksource.com/ckfinder/download
2、ckeditor包解压：

将解压出来的ckeditor文件夹放置于工程的根目录

			
		

	





	

		

			

				
					
ASP.NET项目中使用CKEditor +CKFinder 实现上传图片

				
			

			

				

					weixin_33869377的博客
				

				

					11-28
					
					237
					
				

			

		

		

			
				
CKEditor是什么
CKEidtor是一个在线富文本编辑器，可以将让用户所见即所得的获得编辑在线文本，编辑器或自动将用户编辑的文字格式转换成html代码。
在ASP.NET工程中添加CKEditor插件
首先我们先看一下效果：

1.下载插件：可以到CKEditor官方网站下载CKEditor for ASP.NET Control.网址：http://ckeditor.com/d...

			
		

	





	

		

			

				
					
SpringBoot集成ckfinder3.5.1

				
			

			

				

					翁丶先生的博客
				

				

					01-13
					
					3014
					
				

			

		

		

			
				
1、下载ckfinder3.5.1
地址：https://ckeditor.com/ckfinder/download/#java

2、创建springboot项目并导入相关的ckfinder文件
创建springboot项目的过程此处不再进行展示，创建完项目后就把刚才下载的ckfinder中的相关文件拷贝到项目中。如下图把标记的两个文件直接复制拷贝到项目的java路径下。


3、导入ckfi...

			
		

	





	

		

			

				
					
CKfinder的破解

					
热门推荐

				
			

			

				

					爱上被爱
				

				

					10-23
					
					1万+
					
				

			

		

		

			
				
今天由于项目需要的关系需要html编辑器，以前一直用的FCKeditor，好久没关注这块了，才发现它们网站已经改版。。。FCKeditor已经成为了过去式。。。我确实很土。。。 新的FCKeditor变成了CKeditor，就少了个F~可能这个字母和脏话联系比较密切所以被和谐了。 可是CKeditor没有文件管理和上传的功能呀，后来发现是要直接用它们另外一个专门管文件的东东“CKf

			
		

	





	

		

			

				
					
CkEditor+ckfinder实现图片上传（JSP），入门学习之路

				
			

			

				

					weixin_44149711的博客
				

				

					09-20
					
					1669
					
				

			

		

		

			
				
CkEditor+ckfinder的强大不用多说，捣鼓许久，实现了两者的整合。在捣鼓过程中也遇到了不少问题，浪费很多不必要的时间，这里我会超级详细的介绍学习过程，完全不用担心看不懂，希望我的分享能对大家有所帮助，同时，我也会附上代码，方便大家使用。



第一步：下载CkEditor+ckfinder

简单介绍一下，CkEditor是一个富文本编辑器，有图片上传的功能，但使用起来比较麻烦。而c...

			
		

	





	

		

			

				
					
SERVER2003+CKEditor+CKFinder ASP配置完全指南

				
			

			

				

					
				

			

		

		

			
				
Ckeditor是一款流行的开源富文本编辑器，它提供了丰富的文本编辑功能，而Ckfinder则是一个文件管理工具，用于与编辑器配合，方便用户上传和管理图片、文档等资源。  首先，教程指出原网站使用的是eWebEditor，但由于...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值