ckfinder可以在html中使用吗

Posted 2023-05-15

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了ckfinder可以在html中使用吗相关的知识，希望对你有一定的参考价值。

参考技术A 1，将ckeditor解压打开，打开_Samples，将ckeditor文件夹拷贝项目中的根目录下，把bin放在根目录下

2，将ckfinder解压，ckfinder文件夹拷贝项目中的根目录下，把bin放在根目录下，把_sample，_source，help文件夹删除掉，（注：没有用）

3，在ckeditor文件下找到config.js 打开，找到
在CKEDITOR.editorCongig=function(config)

//填写以下内容，图片，flash路径
config.uiColor = '#F7F8F9'
config.scayt_autoStartup = false
config.language = 'zh-cn'; //中文
config.filebrowserBrowseUrl = 'ckfinder/ckfinder.html';
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';
；

4，在ckfinder文件下找到config.ascx文件，打开
1)把public overrider bool ChekcAuthentication()return false;改为：return true;
2)public overrider void SetConfig()BaseUrl = "~/ckfinder/userfiles/";

5，在页面中head标签内写入：
<script type="text/javascript" src="ckeditor/ckeditor.js" ></script>
<script type="text/javascript" src="ckfinder/ckfinder.js"></script>
如果有母版页，在母版页中写
--注：单纯的配置，6,7可以不要，但是一旦要入数据库中，就要配置6.7步骤

6，在Default.aspx页面中，写入<%@Page ValidateRequest="false"%>

7,在web.config文件中，在system.web下写 <httpRuntime requestValidationMode="2.0"/>

8，在Default.aspx页面中添加<asp:TextBox ID="txtcontent" runat="server" TextMode="MultiLine" Height="503px" Width="100%" class="ckeditor" ></asp:TextBox>
<script type="text/javascript">
CKEDITOR.replace('<%= txtcontent.ClientID %>', skin: 'kama' );
</script>(用ckfinder文件下skins文件下kama文件下的，skin.js，样式)本回答被提问者和网友采纳

ckeditor+ckfinder

官方地址：http://ckeditor.com/

复制ckeditor和ckfinder的文件夹到项目根路径下

拷贝ckfinder的config.xml到WEB-INF下

<!--

CKFinder : Configuration File - Basic Instructions

In a generic usage case, the following tasks must be done to configure CKFinder:

1. Check the baseDir and baseUrl options;

2. If available, paste your license key in the "licenseKey" setting;

3. Enable CKFinder using the "enabled" setting.

WARNING : DO NOT simply set "enabled" to "true" on a production site. By doing so, you

are allowing "anyone" to upload and list the files in your server. You must implement

some kind of session validation.

http://docs.cksource.com/CKFinder_2.x/Developers_Guide/Java/Configuration/Extending

-->

<enabled>true</enabled> 开启文件上传

<!--

Configure the location of uploaded files. See the following article for more details:

http://docs.cksource.com/CKFinder_2.x/Developers_Guide/Java/Configuration/baseURL_and_baseDir

-->

<baseURL>/house/userfiles/</baseURL> 上传路径

<!--

Set the maximum size of uploaded images. If an uploaded image is larger, it

gets scaled down proportionally. Set to 0 to disable this feature.

-->

<!--

See the following article for more details:

http://docs.cksource.com/CKFinder_2.x/Developers_Guide/Java/Configuration/URI_Encoding

-->

<!--

ResourceType : defines the "resource types" handled in CKFinder. A resource

type is nothing more than a way to group files under different paths, each one

having different configuration settings.

Each resource type name must be unique.

When loading CKFinder, the "type" querystring parameter can be used to display

a specific type only. If "type" is omitted in the URL, the

"DefaultResourceTypes" settings is used (may contain the resource type names

separated by a comma). If left empty, all types are loaded.

maxSize is defined in bytes, but shorthand notation may be also used.

Available options are: G, M, K (case insensitive).

1M equals 1048576 bytes (one Megabyte), 1K equals 1024 bytes (one Kilobyte), 1G equals one Gigabyte.

Example: ‘maxSize‘ => "8M",

==============================================================================

ATTENTION: Flash files with `swf‘ extension, just like HTML files, can be used

to execute JavaScript code and to e.g. perform an XSS attack. Grant permission

to upload `.swf` files only if you understand and can accept this risk.

==============================================================================

-->

<types>

<url>%BASE_URL%files/</url>

<directory>%BASE_DIR%files</directory>

<allowedExtensions>7z,aiff,asf,avi,bmp,csv,doc,docx,fla,flv,gif,gz,gzip,jpeg,jpg,mid,mov,mp3,mp4,mpc,mpeg,mpg,ods,odt,pdf,png,ppt,pptx,pxd,qt,ram,rar,rm,rmi,rmvb,rtf,sdc,sitd,swf,sxc,sxw,tar,tgz,tif,tiff,txt,vsd,wav,wma,wmv,xls,xlsx,zip

</allowedExtensions>

</type>

<url>%BASE_URL%images/</url>

<directory>%BASE_DIR%images</directory>

</type>

<url>%BASE_URL%flash/</url>

<directory>%BASE_DIR%flash</directory>

</type>

</types>

<!--

The session variable name that CKFinder must use to retrieve

the "role" of the current user. The "role", can be used in the "accessControls"

settings (bellow).

-->

<userRoleSessionVar>CKFinder_UserRole</userRoleSessionVar>

</accessControl>

</accessControls>

<url>%BASE_URL%_thumbs/</url>

<directory>%BASE_DIR%_thumbs</directory>

<directAccess>false</directAccess>

</thumbs>

<!--

Increases the security on an IIS web server.

If enabled, CKFinder will disallow creating folders and uploading files whose names contain characters

that are not safe under an IIS web server.

-->

<disallowUnsafeCharacters>false</disallowUnsafeCharacters>

<!--

Due to security issues with Apache modules, it is recommended to leave the

following setting enabled.

How does it work? Suppose the following:

- If "php" is on the denied extensions list, a file named foo.php cannot be

uploaded.

- If "rar" (or any other) extension is allowed, one can upload a file named

foo.rar.

- The file foo.php.rar has "rar" extension so, in theory, it can be also

uploaded.

In some conditions Apache can treat the foo.php.rar file just like any PHP

script and execute it.

If CheckDoubleExtension is enabled, each part of the file name after a dot is

checked, not only the last part. In this way, uploading foo.php.rar would be

denied, because "php" is on the denied extensions list.

-->

<!--

Indicates that the file size (maxSize) for images must be checked only

after scaling them. Otherwise, it is checked right after uploading.

-->

<!--

Perform additional checks for image files

if set to true, validate image size

-->

<!--

For security, HTML is allowed in the first Kb of data for files having the

following extensions only.

-->

<!--

Force ASCII names for files and folders. If enabled, characters with diactric

marks will be automatically converted to ASCII letters.

-->

<forceASCII>false</forceASCII>

<!--

Enables protection in the connector.

The default CSRF protection mechanism is based on double submit cookies, where

connector checks if the request contains a valid token that matches the token

sent in the cookie

https://www.owasp.org/index.php/Cross-Site_Request_Forgery_%28CSRF%29_Prevention_Cheat_Sheet#Double_Submit_Cookies

-->

<!--

Folders to not display in CKFinder, no matter their location.

No paths are accepted, only the folder name.

The * and ? wildcards are accepted.

".*" disallows the creation of folders starting with a dot character.

-->

</hideFolders>

<!--

Files to not display/upload in CKFinder, no matter their location.

No paths are accepted, only the file name, including extension.

The * and ? wildcards are accepted.

-->

</hideFiles>

<name>imageresize</name>

<class>com.ckfinder.connector.plugins.ImageResize</class>

</params>

</plugin>

<name>fileeditor</name>

<class>com.ckfinder.connector.plugins.FileEditor</class>

</plugin>

<!--

<name>watermark</name>

<class>com.ckfinder.connector.plugins.Watermark</class>

</params>

</plugin>

-->

</plugins>

<basePathBuilderImpl>com.ckfinder.connector.configuration.ConfigurationPathBuilder</basePathBuilderImpl>

</config>

在web.xml中配置

<servlet-name>ConnectorServlet</servlet-name>

<servlet-class>com.ckfinder.connector.ConnectorServlet</servlet-class>

<init-param>

Path to configuration file can be relative path inside application,

absolute path on local file system or UNC path.

</description>

<param-name>XMLConfig</param-name>

<param-value>/WEB-INF/config.xml</param-value>

</init-param>

<init-param>

<param-name>debug</param-name>

<param-value>false</param-value>

</init-param>

<load-on-startup>1</load-on-startup>

</servlet>

<servlet-mapping>

<servlet-name>ConnectorServlet</servlet-name>

<url-pattern>

/ckfinder/core/connector/java/connector.java

</url-pattern>

</servlet-mapping>

以上是关于ckfinder可以在html中使用吗的主要内容，如果未能解决你的问题，请参考以下文章

ckfinder可以在html中使用吗

Ckfinder上传图像但无法插入编辑器中

CKEditor上传图片—配置CKFinder

thinkphp ckeditor与ckfinder

MVC配置ckeditor+ckfinder

ckeditor+ckfinder