>  기사  >  웹 프론트엔드  >  FCK편집기 실기_CSS/HTML

FCK편집기 실기_CSS/HTML

WBOY
WBOY원래의
2016-05-16 12:10:411147검색

원본: http://3rgb.com, 저자: Lemon Garden Owner
재인쇄를 위해 이 정보를 보관하세요

FCKeditor는 현재까지 버전 2.3.1에 도달했습니다. 국내 WEB 개발자들은 기본적으로 "많은 것을 알고 있습니다." 오늘부터 FCKeditor를 사용하면서 배운 몇 가지 기술을 차례대로 소개하겠습니다. 물론 이러한 기술은 실제로 FCK에 내재되어 있지만 FCK를 사용할 때 발견하지 못한 사람들이 많습니다. :P

1. 적절한 시기에 편집기를 엽니다

페이지를 열 때 편집기를 직접 열 필요는 없지만 필요할 때만 여는 경우가 많습니다. 그러면 좋은 사용자 경험이 제공될 뿐만 아니라 FCK가 다음 작업을 수행할 필요도 없어집니다. 그림

과 같이 로딩 시 페이지를 엽니다.

FCK편집기 실기_CSS/HTML

편집기 인터페이스를 열려면 "편집기 열기" 버튼을 클릭하세요

FCK편집기 실기_CSS/HTML

구현 원칙: 페이지가 로드될 때 숨겨진 TextArea 도메인을 생성하려면 FCK의 JAVASCRIPT 버전을 사용하세요(FCK가 열리지 않음). 이 TextArea의 이름과 ID는 다음의 이름과 일치해야 합니다. 그런 다음 "Open Editor" 버튼을 클릭하면 FCK의 InstallTextarea() 메서드를 사용하여 함수를 호출하여 FCKeditor를 생성합니다.

코드 복사 코드는 다음과 같습니다.




FCKeditor 2:


此part分详细DEMO请参光_samples/html/sample11.html,_samples/html/sample11_frame.html

4、文件管理功能、文件上传的权限问题

一直以后FCKeditor의 문서 관리 부서는 보안을 유지하고 있으며 더 많은 사람들이 관심을 갖고 있는 위치에 있습니다.对上传文件类型进行过滤,但是她没考虑过另一个问题:到底允许谁能上传?到底谁能浏览服务器文件?

이전에 FCKeditor를 사용했는데, 이 회사에서는 NetRube를 사용했습니다.修改FCK上传程序,여기서 进行权限判断,并且再withfckconfig.js里把相应的一些功能去掉。但随之FCK版本的不断升级,每升一次都要去改一次配置程序fckconfig.js,我发觉厌烦了,就没什么办法能更好的控种配置么?事实上,是多。

fckconfig.js 페이지에 있고, 여기에는 FCKeditor에 있는 모든 정보가 포함되어 있습니다.能的编辑器。首先,我先withfckconfig.js里face把所有的上传和浏览设置全设为false,接着我使用的代码如下:

ASP版本:

复代码 代码如下:

<%
Dim ofFCKeditor
요청 시 oFCKeditor
.BasePath = fckPath
.Config("ToolbarLocation") = "Out:fckToolBar"

를 사용하여 oFCKeditor = 새 FCKeditor
를 설정합니다. cookie(site_sn)("issuper")="yes"이면
.Config("LinkBrowser") = "true"
.Config("ImageBrowser") = "true"
.Config("FlashBrowser ") = "참"
.Config("LinkUpload") = "참"
.Config("ImageUpload") = "참"
.Config("FlashUpload") = "참"
end if
.ToolbarSet = "기본"
.Width = "100%"
.Height = "200"

.Value = ""
.Create "jcontent"
%>


JAVASCRIPT版本:
复代码 代码如下:

      var oFCKeditor = new FCKeditor( 'fbContent' ) ;
      <%if power = powercode then%>
      oFCKeditor.Config['LinkBrowser'] = true ;
      oFCKeditor. Config['ImageBrowser'] = true ;
      oFCKeditor.Config['FlashBrowser'] = true ;
      oFCKeditor.Config['LinkUpload'] = true ;
      oFCKeditor.Config['ImageUpload'] = true ;
      oFCKeditor.Config['FlashUpload'] = true ;
      <%end if%>
      oFCKeditor.ToolbarSet = '기본' ;
      oFCKeditor.Width = '100%' ;
      oFCKeditor.Height = '200' ;
      oFCKeditor.Value = '' ;
      oFCKeditor.Create() ;

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:CSS를 사용하여 동적 프롬프트 정보를 구현하기만 하면 됩니다.다음 기사:CSS를 사용하여 동적 프롬프트 정보를 구현하기만 하면 됩니다.

관련 기사

더보기