首页 技术 正文
技术 2022年11月21日
0 收藏 547 点赞 3,655 浏览 1511 个字

Ckeditorckfinder简单整合使用

功能:主要用来发送图文的email,图片上传到本地服务器,但是email的图片地址要写上该服务器的远程地址(图片地址;例如:http://www.baidu.com/logo/1.png[s1] 

注意版本:ckeditor4.0ckfinder2.4

阅读技巧:红色为要解释的目标,蓝色为要解释的内容

其他什么修改文件存放路径啊,语言什么的网上都有,这只是展示了简单的整合。

 

1、 创建页面并编写HTML

<textarea cols=”30″ rows=”30″ name=”ck[s2] “></textarea>

2、 引用AjaxUpload.js文件

<script type=”text/javascript” src=”public/ckeditor/ckeditor.js[s3] “></script>

   <scripttype=”text/javascript” src=”public/ckeditor/ckfinder/ckfinder.js[s4] “></script>

3、 编写JS脚本

<script type=”text/javascript”>

ck = CKEDITOR.replace( ‘ck[s5] ‘,

{

  filebrowserBrowseUrl : ‘<?php  echo base_url();?>[s6] public/ckeditor/ckfinder/ckfinder.html’,

filebrowserImageBrowseUrl : ‘public/ckeditor/ckfinder/ckfinder.html?Type=Images’,

  filebrowserFlashBrowseUrl : ‘public/ckeditor/ckfinder/ckfinder.html?Type=Flash’,

     filebrowserUploadUrl:’public/ckeditor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files’,                            filebrowserImageUploadUrl :’public/ckeditor/ckfinder/core/connector/php/connector.php?command=QuickUploadtype=Images’,

      filebrowserFlashUploadUrl :’public/ckeditor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash’[s7]         });

</script>

 

4.获取ckeditor的值

<script>

ck_val[s8]  = ck[s9] .document.getBody().getHtml();[s10]

</script>


[s1]要远程地址

[s2]必须知道的id

[s3]Ckeditor插件的位置

[s4]将ckfinder插件放入ckeditor文件夹里面

[s5]与页面的id要对应

[s6]需要远程地址,例如:http://www.baidu.com/public/ckeditor/…..(以下几个都要远程地址)

[s7]有待研究

[s8]这个值,可以用来的做发送email,带有图文。不过图片路径需要处理

[s9]与页面的id要对应

[s10]获取ckeditor的编辑器所输入的值(用value是获取不到的)

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:9,026
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,517
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,364
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,145
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,779
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:4,856