【extjs4与ckeditor、ckfinder整合】的更多相关文章

CKEditor与CKFinder整合 MVC3

今天偶然看到一篇关于 CKEditor与CKFinder整合文章,心想有一段时间没有使用这种东西了.于是乎自己动手亲自体验了一下,本以为简单但在东西编写的过程发现了很多没有遇见毛病. 所以记录一下自己东西编写除错的过程 首先,下载2个插件包 CKEditor下载地址:http://ckeditor.com/ CKFinder下载地址:http://ckfinder.com/ 1.然后创建项目,将解压的文件夹拷贝到项目中,编写页面代码如下: <%@ Page Language="C#&quo…

jsp中如何整合CKEditor+CKFinder实现文件上传

最近笔者做了一个新闻发布平台,放弃了之前的FCKEditor编辑器,使用了CKEditor+CKFinder,虽然免费的CKFinder是Demo版本,但是功能完整,而且用户都是比较集中精神发新闻的人,不会在意这个.笔者使用的版本分别是:CKEditor3.5.3+CKFinder2.0.2,今天笔者整理了一下配置CKEditor和CKFinder的过程,以及需要注意的一些问题,希望对大家有所帮助. 第一:下载CKEditor和CKFinder相关的安装文件 1.在CKEditor官网http:…

CKEditor与CKFinder整合并实现文件上传功能

事先说明:此整合的是java版本的, 用到的有:jsp + ckeditor + ckfinder (没有servlet 及其它框架技术) 一．需要的资源: 用到的网站,文件自己下载: a) ckeditor_3.6.2 (解压) download.cksource.com/CKEditor/CKEditor/CKEditor 3.6.2/ckeditor_3.6.2.zip b) ckeditor-java-3.6.2 (解压) download.cksource.com/CKEditor/C…

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

CKEditor与CKFinder整合并实现文件上传功能 事先说明:此整合的是java版本号的, 用到的有:jsp + ckeditor + ckfinder (没有servlet 及其他框架技术) 一．须要的资源: 用到的站点,文件自己下载: a) ckeditor_3.6.2 (解压) download.cksource.com/CKEditor/CKEditor/CKEditor%203.6.2/ckeditor_3.6.2.zip b) ckeditor-java-3.6.2 (解压)…

网络编辑器插件ckeditor+ckfinder配置

原帖地址 另外一个 去掉编辑器的下边栏 在config.js中加入: config.removePlugins = 'elementspath'; config.resize_enabled = false; 就ok了 ckeditor+ckfinder配置用法   一.使用方法:    1.在页面<head>中引入ckeditor核心文件ckeditor.js    <script type="text/javascript" src="ckeditor/…

（配置）CKEditor+CKFinder+php上传配置，根据年月命名创建文件夹来存放

CKEditor+CKFinder+php上传配置 新版本的CKEditor只提供了基本的文本编辑功能,上传模块由另一个组件CKFinder.这里主要记录CKFinder上传的一些参数配置,能够成功上传文件,自定义上传文件目录,按日期+随机字符重命名文件. 一.基本概念理清 1.CKEditor 文本编辑组件,本身没有上传的功能. 2.CKFind 文件上传组件,配合CKEditor使用 3.CKEditor和CKFind的整合  ckeditor有个缺点就是不能上传本地的图片和flash.  …

ckeditor+ckfinder+java

(java)Ckdeitor+ckfinder整合 第一步:工具下载 首先下载:CKEditor 地址:http://cdeditor.com/dowmload 接着下载CKFinder 地址:http://cksource.com/ckfinder/download 第二步:新建项目(ckeditor) 第三步:整合 解压ckeditor压缩包,然后将ckeditor文件夹全部考到WebRoot跟目录下.完成后项目结构如下图: 修改ckeditor文件夹下的config.js文件,代码如下 C…

在ASP.NET项目中使用CKEditor +CKFinder实现图片上传功能

前言 之前的项目中一直使用的是FCKeditor,昨天突然有个想法:为什么不试一下新的CKEditor呢?于是花了大半天的时间去学习它的用法,现在把我的学习过程与大家分享一下. 谈起FCKeditor,相信没几个Web程序员不知道的吧.不过,官方已经停止了该产品的更新,其最新版是2.6.6,于2010年2月15日发布. 取代FCKeditor的产品叫CKEditor(Content And Knowledge Editor),与其说是对FCKeditor的升级,不如说是全新的一个产品.相比FCK…

CKEditor + CKFinder 实现编辑上传图片配置 （二）

CKEditor + CKFinder 实现编辑上传图片配置 (二) 上传图片时,如果上传的图片过大,默认情况情况下回自动裁剪,代码如图 \ckfinder\config.php 目录下的配置文件config.php,用记事本打开,找到61行左右.看代码 $config['Images'] = Array( 'maxWidth' => 1600,//最大宽 'maxHeight' => 3200,//最大高 'quality' => 80); 如果不需要裁剪的话,就可以把相应的值设置大点…

CKEditor + CKFinder 实现编辑上传图片配置

下载最新版 ckfinder 本人下载的php版本 https://cksource.com/ckfinder/download 下载最新版ckeditor http://ckeditor.com/ 把它们解压放到指定的目录 html 文件主页内容 需要修改的配置文件 修改ckeditor 的配置文件 Public\Ckeditor\ckeditor\config.js /** @license Copyright (c) 2003-2016, CKSource - Frederico Knab…

.Net在线编辑器：KindEditor及CkEditor+CkFinder配置说明

Net在线编辑器:KindEditor及CkEditor+CkFinder配置说明 一.KindEditor(免费) KindEditor是一套开源的HTML可视化编辑器,主要用于让用户在网站上获得所见即所得编辑效果,兼容IE.Firefox.Chrome.Safari.Opera等主流浏览器. KindEditor使用JavaScript编写,可以无缝的与Java..NET.PHP.ASP等程序接合.KindEditor非常适合在CMS.商城.论坛.博客.Wiki.电子邮件等互联网应用上使用,…

CKEditor && CKFinder 配置

准备                                                                                                                                                                 CKEditor&&CKFinder破解版百度网盘地址:http://pan.baidu.com/s/1qWsDPKC       密码:yydcdut 将CKEdit…

extjs4与ckeditor、ckfinder整合

<script type="text/javascript"src="<?php echo Yii::app()->request->baseUrl; ?>/ckeditor/ckeditor.js"></script> <script type="text/javascript"src="<?php echo Yii::app()->request->baseUr…

ckeditor + ckfinder + oss存储

ckeditor 与 ckfinder 的整合方法 网上有很多,这里我也就不说了.  (主要是以前整合的现在忘记咋弄的了0.0) 我这里整合后直接使用js代码 <script type="text/javascript"> CKEDITOR.replace('content', { filebrowserBrowseUrl: '__SYSTEM__/ckfinder/ckfinder.html', filebrowserImageBrowseUrl: '__SYSTEM__…

MVC配置ckeditor+ckfinder

ckeditor当前使用版本:4.5.8 ckfinder当前使用版本:2.6.0 1.Ckeditor配置简单,直接使用Nuget下载就可 2.下载ckfinder https://cksource.com/ckfinder/download 选择Asp.net版本下载并放在相同的目录下:‘Scripts' 3.添加js引用: @Scripts.Render("~/Scripts/ckeditor/ckeditor.js") @Scripts.Render("~/Scrip…

ckeditor、ckeditor配置--整合

1.将ckeditor和ckfinder文件夹拷入项目文件夹中,刷新项目. 2.ckfinder把文件夹中的bin目录下的dll文件(CKFinder.dll)添加到网站的引用中,防止出现找不到类的错误.(未能加载类型“CKFinder.Connector.Connector”.) 3. 在添加编辑控件的页面(aspx)的head中加入,并插入代码: <script src="ckeditor/ckeditor.js" type="text/javascript&quo…

ASP.NET项目中使用CKEditor +CKFinder 实现上传图片

CKEditor是什么 CKEidtor是一个在线富文本编辑器,可以将让用户所见即所得的获得编辑在线文本,编辑器或自动将用户编辑的文字格式转换成html代码. 在ASP.NET工程中添加CKEditor插件 首先我们先看一下效果: 1.下载插件:可以到CKEditor官方网站下载 CKEditor for ASP.NET Control.网址:http://ckeditor.com/download  解压后得到如下图 2.在自己的项目先新建Lbrary文件夹跟js文件夹(js小写)并在js文件…

ckeditor+ckfinder

官方地址:http://ckeditor.com/ 复制ckeditor和ckfinder的文件夹到项目根路径下 拷贝ckfinder的config.xml到WEB-INF下 <config> <!-- CKFinder : Configuration File - Basic Instructions In a generic usage case, the following tasks must be done to configure CKFinder: 1. Check the…

ci 配置ckeditor + ckfinder 无图片上传按钮

一:配置路径有问题 {$base_url}assets/js/editor/ckfinder/ckfinder.html  --> http://www.cnblogs.com/assets/js/editor/ckfinder/ckfinder.html 二:多行文本框命名 class 最好 不要命名 ckeditor…

1.文本编辑器-->CKEditor+CKFinder使用与配置

一.CKEditor介绍 官网地址:http://ckeditor.com CKEditor下载地址:http://ckeditor.com/download CKFinder(免费版本)下载地址:http://cksource.com/ckfinder/download CKEditorAPI:http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html 二.安装使用 本文使用版本:CKEditor:4.4.2,CKFin…

CKEditor & CKFinder集成

CKEditor集成 CKEditor(原名FckEditor): 著名的HTML编辑器(可在线编辑HTML) 配置: ①将CKEditor中的(adapters images lang plugins skins themes ckeditor.js config.js contents.css)解压到js目录 在页面中引用ckeditor.js ②设置多行文本框的class/CssClass=“ckeditor”(CSS强大) 代码中仍可以通过TextBox控件的Text属性访问编辑器内容…

修改ckeditor/ckfinder上传文件文件夹 路径以日期格式命名

修改/ckfinder/config.ascx文件: string dateDir = DateTime.Today.ToString("yyyyMM/"); ResourceType type; type = ResourceType.Add( "Files" ); type.Url = BaseUrl + "files/" + dateDir; type.Dir = BaseDir == "" ? ""…

jsp ckeditor ckfinder

我认为对的事情,有可能是完全错的. 这篇教程很好: http://www.cnblogs.com/yuepeng/archive/2013/04/01/2992097.html 只看到9,权限控制还没看. 自己执着的地方 /ckfinder/core/connector/java/connector.java:ckfinder文件夹下没有core,这怎么可能呢?其实就是没有core,但还是能找到. CKFinder.setupCKEditor( editor, '/ck/ckfinder/' )…

ckeditor+ckfinder添加水印。

1.修改ckfinder文件下面的config.php:添加一句include_once "plugins/watermark/plugin.php";//水印配置文件 2.修改plugin.php文件最后几行: if (empty($config['Plugin_Watermark'])){    $config['Plugin_Watermark'] = array(        "source" => "logo.png",    …

struts2整合CKEditor和CKFinder实现上传

上一篇文章给大家分享了CKEditor+CKFinder+JSP实现了在线编辑器上传图片的功能,这里在给大家分享一下如何在前面的基础上在struts2下实现这样的功能. 实现与Struts2的整合,整合的过程确实easy.不过实现之后,图片上传不上去,上传之后显示“文件不存在”,然后在网上找了一些资料,经过总结最终实现了这个功能.此问题的原因就是struts2的拦截器,在web.xml中,可以清楚的看到: <filter-mapping> <filter-name>struts2&…

ckeditor与ckfinder简单整合使用

Ckeditor与ckfinder简单整合使用 功能:主要用来发送图文的email,图片上传到本地服务器,但是email的图片地址要写上该服务器的远程地址(图片地址:例如:http://www.baidu.com/logo/1.png[s1] ) 注意版本:ckeditor4.0和ckfinder2.4 阅读技巧:红色为要解释的目标,蓝色为要解释的内容 其他什么修改文件存放路径啊,语言什么的网上都有,这只是展示了简单的整合.   1. 创建页面并编写HTML <textarea cols="…

在ASP.NET MVC中使用CKEditor和CkFinder

在你需要使用editor控件的页面头部添加: <head> ... <script type="text/javascript" src="/ckeditor/ckeditor.js"></script> </head> 在页面相应位置上添加: <textarea name="editor1"></textarea> <script type="text/ja…

在JSP里使用CKEditor和CKFinder

在JSP里使用CKEditor和CKFinder 最 近在做一个新闻发布平台,放弃了很早的FCKEditor,使用CKEditor和CKFinder,尽管免费的CKFinder是Demo版本,但是功 能完整,而且用户都是比较集中精神发新闻的人,不会在意这个.按照官网的document一步一步配置,虽然并不难,但是有些东西特别分散,还是全英文 的,所以我就整理了一下安装过程和配置,以及需要注意的一些问题.希望对大家有所帮助. 目录 1. 下载CKEditor相关的安装文件 2. 安装CKEdito…

Drupal 7 配置ckeditor和ckfinder编辑器实现图片上传--不用wysisyg

注意: 1.这里的ckeditor编辑器是独立模块,不是那个wysiwyg模块. 2.这里的图片上传仅仅为文章内图片,非字段图片.   1.下载文件(1) http://drupal.org/project/ckeditor drupal的ckeditor模块(2) http://ckeditor.com/download CKeditor源码(3) http://ckfinder.com/download CKfinder(注意,不是免费的) (4)http://www.drupal.org/…

CKEditor与CKFinder学习--自定义界面及按钮事件捕获

原文地址:CKEditor与CKFinder学习--自定义界面及按钮事件捕获  讨厌CSDN的广告,吃香太难看! 效果图 界面操作图 原始界面 调整后的界面(删除了flush,表单元素等) 该界面的皮肤是bootstrap的皮肤 事件操作图 获取界面上保存按钮点击事件效果 用js操作ckeditor控制的textarea 自定义界面 ckeditor默认使用moono皮肤 如果想更改ckeditor的皮肤,去ckeditor的网站下载相应的皮肤. 皮肤更换 去ckeditor的关网选一个你喜欢的…