Rumah  >  Artikel  >  hujung hadapan web  >  Kemahiran praktikal FCKeditor_CSS/HTML

Kemahiran praktikal FCKeditor_CSS/HTML

WBOY
WBOYasal
2016-05-16 12:10:411142semak imbas

Teks asal: http://3rgb.com, pengarang: Lemon Garden Owner
Sila simpan maklumat ini untuk dicetak semula

FCKeditor telah mencapai versi 2.3.1 setakat ini Bagi pembangun WEB domestik, mereka pada dasarnya telah "tahu banyak tentangnya". Mulai hari ini, saya akan memperkenalkan sedikit demi sedikit beberapa teknik yang telah saya pelajari semasa menggunakan FCKeditor Sudah tentu, ini sebenarnya wujud dalam FCK, tetapi ramai orang tidak menemuinya apabila menggunakan FCK :P

1. Buka editor pada masa yang betul

Banyak kali, kita tidak perlu membuka editor secara langsung apabila membuka halaman, tetapi hanya membukanya apabila diperlukan Ini akan memberikan pengalaman pengguna yang baik, dan sebaliknya, ia boleh menghilangkan keperluan untuk FCK buka halaman semasa memuatkan Pengaruh kelajuan, seperti yang ditunjukkan dalam rajah

Kemahiran praktikal FCKeditor_CSS/HTML

Klik butang "Buka Editor" untuk membuka antara muka editor

Kemahiran praktikal FCKeditor_CSS/HTML

Prinsip pelaksanaan: Gunakan versi JAVASCRIPT FCK untuk mencipta domain TextArea tersembunyi apabila halaman dimuatkan (FCK tidak dibuka Nama dan ID TextArea ini mesti konsisten dengan nama contoh FCK yang dibuat. Kemudian apabila anda mengklik butang "Buka Editor", gunakan kaedah ReplaceTextarea() FCK untuk mencipta FCKeditor dengan memanggil fungsi adalah seperti berikut:

Salin kod Kod adalah seperti berikut:




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() ;

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:Hanya gunakan CSS untuk melaksanakan maklumat segera dinamikArtikel seterusnya:Hanya gunakan CSS untuk melaksanakan maklumat segera dinamik

Artikel berkaitan

Lihat lagi