Maison  >  Article  >  interface Web  >  Compétences pratiques FCKeditor_CSS/HTML

Compétences pratiques FCKeditor_CSS/HTML

WBOY
WBOYoriginal
2016-05-16 12:10:411142parcourir

Texte original : http://3rgb.com, auteur : Lemon Garden Owner
Veuillez conserver ces informations pour les réimprimer

FCKeditor a atteint la version 2.3.1 jusqu'à présent. Pour les développeurs WEB nationaux, ils en ont fondamentalement "beaucoup de connaissances". De nombreuses personnes l'ont intégré dans leurs propres projets, et de nombreux autres grands sites Web en bénéficient. À partir d'aujourd'hui, je vais présenter petit à petit certaines des techniques que j'ai apprises en utilisant FCKeditor. Bien sûr, celles-ci sont en fait inhérentes à FCK, mais beaucoup de gens ne les ont pas découvertes en utilisant FCK :P

.

1. Ouvrez l'éditeur au bon moment

Souvent, nous n'avons pas besoin d'ouvrir l'éditeur directement lors de l'ouverture de la page, mais de l'ouvrir uniquement lorsque cela est nécessaire. Cela offrira une bonne expérience utilisateur et, d'un autre côté, cela peut éliminer le besoin de FCK de le faire. ouvrir la page lors du chargement. L'influence de la vitesse, comme le montre la figure

Compétences pratiques FCKeditor_CSS/HTML

Cliquez sur le bouton "Ouvrir l'éditeur" pour ouvrir l'interface de l'éditeur

Compétences pratiques FCKeditor_CSS/HTML

Principe d'implémentation : Utilisez la version JAVASCRIPT de FCK pour créer un domaine TextArea masqué lors du chargement de la page (FCK n'est pas ouvert). Le nom et l'ID de ce TextArea doivent être cohérents avec le nom de). l'instance FCK créée. Ensuite, lorsque vous cliquez sur le bouton "Ouvrir l'éditeur", utilisez la méthode ReplaceTextarea() de FCK pour créer un FCKeditor en appelant une fonction :

<.>Copier le code Le code est le suivant :




FCKeditor 2:


此部分的详细DEMO请参照_samples/html/sample11.html,_samples/html/sample11_frame.html

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

一直以后FCKeditor的文件管理部分的安全是个值得注意, 但很多人没注意到的地方,虽然FCKeditor在各个Release版本中一直存在的一个功能就是对上传文件类型进行过滤,但是她没考虑过另一个问题:到底允许谁能上传?到底谁能浏览服务器文件?

Sie haben die FCKeditor-Software entwickelt, die NetRube-Software (FCKeditor) und die FCKeditor ASP-Software )及时提醒了我, 做法是去修改FCK上传程序, 在里面进行权限判断, 并且再在fckconfig.js里把相应的一些功能去掉.但随之FCK版本的不断升级,每升一次都要去改一Verwenden Sie die Datei fckconfig.js, laden Sie die Datei herunter und verwenden Sie sie的控制这种配置么?事实上,是有的.

在fckconfig.js里面,有关于是否打开上传和浏览服务器的设置,在创建FCKeditor时,通过程序来判断是否创建有上传浏览功能的编辑器.首先,我先在fckconfig.js里面把所有的上传和浏览设置全设为false,接着我使用的代码如下:

ASP版本:

复制代码 代码如下:

<%
Dim oFCKeditor
Set oFCKeditor = New FCKeditor
mit oFCKeditor
.BasePath = fckPath
.Config("ToolbarLocation") = "Out:fckToolBar"

auf Anfrage. Cookies(site_sn)("issuper")="yes" then
.Config("LinkBrowser") = "true"
.Config("ImageBrowser") = "true"
.Config("FlashBrowser ") = "true"
.Config("LinkUpload") = "true"
.Config("ImageUpload") = "true"
.Config("FlashUpload") = "true"
end if
.ToolbarSet = "Basic"
.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 = 'Basic' ;
      oFCKeditor.Width = '100%' ;
      oFCKeditor.Height = '200' ;
      oFCKeditor.Value = '' ;
      oFCKeditor.Create() ;

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent:Utilisez simplement CSS pour implémenter des informations d'invite dynamiquesArticle suivant:Utilisez simplement CSS pour implémenter des informations d'invite dynamiques

Articles Liés

Voir plus