ckeditor与ckfinder简单整合使用

时间:2022-02-21 19:28:09

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是获取不到的)

ckeditor与ckfinder简单整合使用的更多相关文章

  1. Ckeditor与Ckfinder&lpar;java&rpar;整合实现富媒体内容编辑&lpar;支持文件上传&rpar;

    先来看一下最终的效果图 一.编辑器界面 二.上传图片界面 <!-------------------------------------------------------> 一.安装包下 ...

  2. CKEditor与CKFinder整合 MVC3

    今天偶然看到一篇关于 CKEditor与CKFinder整合文章,心想有一段时间没有使用这种东西了.于是乎自己动手亲自体验了一下,本以为简单但在东西编写的过程发现了很多没有遇见毛病. 所以记录一下自己 ...

  3. CKEditor和CKFinder整合实现上传下载功能

    CKEditor与CKFinder整合并实现文件上传功能 事先说明:此整合的是java版本号的, 用到的有:jsp + ckeditor + ckfinder (没有servlet 及其他框架技术) ...

  4. 基于MVC4&plus;EasyUI的Web开发框架经验总结(5)--使用HTML编辑控件CKEditor和CKFinder

    Web开发上有很多HTML的编辑控件,如CKEditor.kindeditor等等,很多都做的很好,本文主要介绍在MVC界面里面,CKEditor的配置和使用.CKEditor的前身是FCKEdito ...

  5. 编辑控件CKEditor和CKFinder

    -使用HTML编辑控件CKEditor和CKFinder Web开发上有很多HTML的编辑控件,如CKEditor.kindeditor等等,很多都做的很好,本文主要介绍在MVC界面里面,CKEdit ...

  6. CKEditor与CKFinder的配置(ASP&period;NET环境)

    CKEditor是一个专门使用在网页上的所得文字编辑器,适用于PHP.ASP.NET.Java等后端开发语言.CKEditor原名为FCKeditor,“FCK” 是这个编辑器的作者的名字Freder ...

  7. php环境下ckeditor和ckfinder的配置详解

    摘要:老牌编辑器FCK的升级版CKEditor(http://ckeditor.com/) 经过重写,提供了丰富而强大的集成和互动的API.新版编辑器是完全基于插件,它可以扩展所有部件以符合需求.FC ...

  8. 在JSP里使用CKEditor和CKFinder

    在JSP里使用CKEditor和CKFinder 最 近在做一个新闻发布平台,放弃了很早的FCKEditor,使用CKEditor和CKFinder,尽管免费的CKFinder是Demo版本,但是功 ...

  9. Ckeditor与Ckfinder的配合使用,上传图片、水印、修改图片名字为当前日期 asp&period;net

    为了配置出来上传功能,并且还添加水印,修改图片的名字为日期,真的头疼了很久,现在来分享一下自己所做的,也算一点小小的成就吧,顺带帮帮很多还在弄这个的猿们.我是分别用了两种方法.先说低版本的Versio ...

随机推荐

  1. ora-00031&colon;session marked for kill处理oracle中杀不掉的锁

    http://www.cnblogs.com/songdavid/articles/2223869.html 一些ORACLE中的进程被杀掉后,状态被置为"killed",但是锁定 ...

  2. Android的消息处理机制,handler,message,looper(一)

    当应用程序启动时,Android首先会开启一个主线程(也就是UI线程),主线程为管理界面中的UI控件.在程序开发时,对于比较耗时的操作,通常会为其开辟一个单独的线程来执行,以尽可能减少用户的等待时间. ...

  3. 李洪强iOS开发Swift篇—05&lowbar;元组类型

    李洪强iOS开发Swift篇—05_元组类型 一.元组类型介绍 1.什么是元组类型 元组类型由 N个 任意类型的数据组成(N >= 0),组成元组类型的数据可以称为“元素” 示例: let po ...

  4. set与map容器

    首先来看看set集合容器: set集合容器实现了红黑树的平衡二叉树数据结构,在插入元素时它会自动调整二叉树的排列,把该元素放到适当的位置,并且 保证左右子树平衡.平衡二叉检索树采用中序遍历算法. 对于 ...

  5. linux&lowbar;shell 特殊符号的介绍

    linux_shell 特殊符号的介绍 2011-12-17 17:54:07 分类: 原文地址:linux_shell 特殊符号的介绍 作者:xu_liuzhen linux_shell 特殊符号的 ...

  6. 用json方法来作深拷贝应该知道的一点东西!

    之前写js比较多的的时候也写过深拷贝,浅拷贝,继承啥的,还有自定义的监听事件.然而过了很久都忘了. 最近在项目上用的深拷贝都是 b = JSON.parse( JSON.stringify(a) ) ...

  7. 03-命令图片&period;doc

  8. WPF中各个Template的分析&lpar;转&rpar;

    作为新手,还是没看明白本文,留着以后再学习 在使用TabControl.ListView.Menu.TreeView的时候被各种Template搞得头昏眼花,决心把这个问题搞清楚,究竟什么时候该用什么 ...

  9. 在Centos7下发布&period;NET CORE项目&lbrack;转&rsqb;

    1.安装安装前准备开发环境 编译类库:yum -y install gcc make gcc-c++ openssl-devel 系统信息: CentOS Linux release 7.2.1511 ...

  10. 新概念 Lesson 4 Are you a teacher

    打招呼用语: Good morning, Good afternoon,Good evening Nice to meet you. How do you do? She is French. 她是法 ...