(ckeditor+ckfinder用法)Jquery,js获取ckeditor值 .

article/2025/9/16 8:45:17
1244人阅读 评论(1) 收藏 举报

曾祥展

CKEditor 3.3.1 和 ckfinder 2.0 配置 with jQuery 1.42 请看33楼!

 

CKEditor 3.2 在 asp.net 下进行配置的方法:

官方网站:CKEditor        CKFinder

1、CKEditor 不具备上传功能,需要集成 CKFinder 才能实现上传功能。
     下载 ckeditor 并解压到 ckeditor(在根目录下);
     下载 ckfinder 并解压到 ckfinder (在根目录下);
      两者处于同级目录下;
   
      把ckfinder目录里的bin下的CKFinder.dll拷贝到网站目录bin下,引用就行了。

2、在 aspx 页面或者 master 模板页 <head> 标签中载入 ckeditor.js:
<scripttype="text/javascript"src="ckeditor/ckeditor.js"></script>

   在<body>标签中使用ckeditor:
<asp:TextBox ID="Content" runat="server" TextMode="MultiLine" Height="250px" Width="500px"></asp:TextBox>

与其他 .net 控件使用方法相同,设置 Text='<%# Bind("info") %>' 可以方便与数据源进行交互。

下面这段必须放在上面代码的后面,否则初始化编辑器时会错误:
<script type="text/javascript">// CKEDITOR.replace('<%=Content.ClientID%>', {});
vareditor = CKEDITOR.replace('<%=Content.ClientID%>'); 
CKFinder.SetupCKEditor(editor, '/ckfinder/');  //结合上传控件
</script>

 

3. ckeditor里面的config.js 配置

CKEDITOR.editorConfig = function( config )
{
     config.language = 'zh-cn';//中文
    
config.uiColor = '#BFEE62';//编辑器颜色
     config.font_names = '宋体;楷体_GB2312;新宋体;黑体;隶书;幼圆;微软雅黑;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana';

    config.toolbar_Full =
    [
        ['Source','-','Preview','-','Templates'],
        ['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print', 'SpellChecker', 'Scayt'],
        ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
        ['Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField'],
        '/',
        ['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
        ['NumberedList','BulletedList','-','Outdent','Indent','Blockquote','CreateDiv'],
        ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
        ['Link','Unlink','Anchor'],
          ['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],
        '/',
        ['Styles','Format','Font','FontSize'],
        ['TextColor','BGColor'],
        ['Maximize', 'ShowBlocks','-','About']
    ];

    config.toolbar_Basic =
    [
        ['Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink','-','About']
    ];

config.width =771;//宽度

config.height = 250;//高度
 
};

配置完成后基本可以了,但是运行点击图片管理里面的浏览服务器按钮… 出现以下提示:
 曾祥展

解决方法:
ckfinder 里面的config.ascx的配置:

public override boolCheckAuthentication()
{
    return true;//(增加这句,如果你需要设置打开ckfinder访问权限可以在这里设置哦,我这里就不考虑权限了直接打开。)
        // ... where Session[ "IsAuthorized" ] is set to "true" as soon as the
        // user logs on your system.

        //return false;//(注释这句,默认这句未被注释)         
}

 

 

4

为了去掉这个水印也简单 分析

曾祥展

解决方法:
原始加密js代码:

xx=’xxxx...’

qo='学无止境'  不能为空就行了,否则上传按钮变为不可用 哈哈 搞掂!/*en.call(window,qo);*/

曾祥展
没有水印了,爽歪歪,最后来个图,上传成功 ok

曾祥展

 

 

 

注意:运行环境要在IIS下哦,不然有些页面无法显示的

 

插外话,昨天研究fck时,提示:

曾祥展

解决:目录不能有中文,不然加载fck编辑器时无法运行,因为有中文,URL没有转码导致解析抛出异常,换英文名就行了

 

-----------------------------------------------------------

若然你想用html控件

 

 <textarea id="ckeditor" cols="20" rows="2" ></textarea>

在页面内注册编辑器,并赋值给一个变量,以便引用。

var editor=CKEDITOR.replace( 'editor1' );

然后使用如下语句就可以取得编辑器内的值。

editor.document.getBody().getText(); //取得纯文本

editor.document.getBody().getHtml(); //取得html文本


http://chatgpt.dhexx.cn/article/snlBRWg5.shtml

相关文章

Spring Boot集成CKFinder

Spring Boot集成CKFinder,实现浏览功能。 前言 上一篇记录了Spring Boot集成CKEditor,这里记录Spring Boot集成CKFinder实现浏览功能&#xff0c;详细的配置可以参考ckeditor和ckfinder集成详细配置及其优化&#xff0c;这里讲在Spring Boot中怎么玩CKFinder。ckeditor中“浏览…

配置CKFinder(Java版)

1. 下载 CKFinder官网下载地址提供了PHP&#xff0c;ASP, Java等不同下载版本。 2. 配置 1&#xff09;config.xml放到WEB-INF下&#xff0c; 2&#xff09;其他文件放到Webcontent下&#xff0c; 3&#xff09;配置web.xml, xml<!--CKFinder --><servlet&…

CKEditor/FCKEditor 使用-集成 CKFinder(上传文件、浏览文件)

CKFinder 也是 CK 系列的产品之一&#xff0c;它有两个功能&#xff1a;上传文件、浏览文件。一般来说&#xff0c;它是集成在 CKEditor 或 FCKEditor 中&#xff0c;以便在编辑器中插入超链接或图像时可以直接上传&#xff0c;也可通过浏览直接插入编辑器中。并且 CKFinder 提…

CKEditor与CKFinder学习--安全的使用CKFinder与权限控制

0 前言 上一篇博客中说了ckeditor与ckfinder整合之后进行图文混排的时候通过浏览服务器按钮可以浏览服务器上的所有资源&#xff0c;文件&#xff0c;图片&#xff0c;该用户上传的&#xff0c;非该用户上传的&#xff0c;不仅可以查看&#xff0c;还可以删除、重命名等。所以…

CKEditor和CKFinder及CKEditor配置属性说明

最近在做一个新闻发布平台&#xff0c;放弃了很早的FCKEditor&#xff0c;使用CKEditor和CKFinder&#xff0c;尽管免费的CKFinder是Demo版本&#xff0c;但是功能完整&#xff0c;而且用户都是比较集中精神发新闻的人&#xff0c;不会在意这个。按照官网的document一步一步配置…

ckfinder--如何去掉版本提示This is the demo version of CKFinder

最近用到ckfinder作为文件管理集成到项目当中使用&#xff0c;但是发下从官网下载来的java版本的ckfinder插件&#xff0c;跑起项目起来发现提示信息This is the demo version of CKFinder&#xff0c;于是就在网上查找各种资料&#xff0c;有各种不同版本的解释&#xff0c;而…

CKFinder 介绍

<转载:http://baike.baidu.com/view/3565650.htm#1> CKFinder 简介 CKFinder是一个强大而易于使用的Web浏览器的Ajax文件管理器。 其简单的界面使得它直观&#xff0c;快速学习的各类用户&#xff0c;从高级人才到互联网初学者。 特点 文件夹树导航 &#xff1a;用户直…

CKEditor与CKFinder学习--整合SpringMVC

先来看一下效果 这个是我采用了office2013的皮肤&#xff0c;并对界面按钮做了优化后的效果 这个是bootstrap的皮肤&#xff0c;好了&#xff0c;开始进入正题。 第一步 下载 下载ckeditor和ckfinder ckeditor Full Package版本 http://download.cksource.com/CKEditor/CK…

CKEditor/CKFinder一些特殊配置

这几天把一个旧项目中的fckeditor升级为ckeditor 3.2 ckfinder 1.4.3 组合&#xff0c;下面是一些升级心得: 一、CKFinder的若干问题 1.单独使用ckfinder从原fckeditor分离出来以后可以单独使用&#xff0c;通常我习惯于在工具栏中添加ckfinder.dll&#xff0c;这样以后要使用…

ckfinder使用

ckeditor环境搭建 &#xff0c;请参考 JSP中使用CKEditor3.6入门教程 JSP页面使用富文本控件ckeditor提交表单数据 JSP页面使用富文本控件ckeditor自定义样式 JSP使用ckeditor和ckfinder实现富文本及上传功能 源码下载 一、下载 ckeditor下载地址为&#xff1a;http://ckedito…

ckeditor和ckfinder集成详细配置及其优化

1、下载文件目录结构分析 ckeditor和ckfinder的下载网址分别是&#xff1a; ckeditor&#xff1a;http://ckeditor.com/ ckfinder&#xff1a;http://cksource.com/ckfinder 下载下来后的目录结构&#xff1a; ckeditor&#xff1a; 精简&#xff1a; 1.samples文件夹&am…

CKEditor&ckfindtor

前言 之前的项目中一直使用的是FCKeditor&#xff0c;昨天突然有个想法&#xff1a;为什么不试一下新的CKEditor呢&#xff1f;于是花了大半天的时间去学习它的用法&#xff0c;现在把我的学习过程与大家分享一下。 谈起FCKeditor&#xff0c;相信没几个Web程序员不知道的吧。不…

在JSP里使用CKEditor和CKFinder

在JSP里使用CKEditor和CKFinder 最近在做一个新闻发布平台&#xff0c;放弃了很早的FCKEditor&#xff0c;使用CKEditor和CKFinder&#xff0c;尽管免费的CKFinder是Demo版本&#xff0c;但是功能完整&#xff0c;而且用户都是比较集中精神发新闻的人&#xff0c;不会在意这个。…

ckfinder2上传绕过漏洞

CKFinder 是国外一款非常流行的所见即所得文字编辑器,其1.4.3 asp.net版本存在任意文件上传漏洞,攻击者可以利用该漏洞上传任意文件。ckfinder2上传绕过漏洞, CKFinder在上传文件的时候,强制将文件名(不包括后缀)中点号等其他字符转为下划线_,但是在修改文件名时却没有任何…

Ckeditor5 整合Ckfinder3 防出错实战教程(二)整合篇

Ckeditor5 整合Ckfinder3 防出错实战教程&#xff08;二&#xff09;文件图片上传和管理 自从写了 Ckeditor5完全开发指南教程&#xff08;一&#xff09;后&#xff0c;很多码友都说不错&#xff0c;一直说更新呢&#xff0c;也没时间&#xff0c;慢慢忘了&#xff0c; 今天突…

思科路由器修改密码

第一步&#xff1a;重启路由器 #表示进度 &#xff0c;在60秒内切换到CLI&#xff0c;在重启之前完成ctrlc进入ROM模式&#xff08;窗口如下所示&#xff09; 第二步&#xff1a;自动重启路由器 输入 rommon1> confreg 0x2142 忽略NARAM中的配置文件 rommon2> reset 重…

没有一个绝对安全的系统 (二) 破解路由器后台密码

此教程只为分享&#xff0c;请勿用于其它用途 在学习黑客的道路&#xff0c;好难走啊&#xff0c;一堆乱七八糟的资料 还是翻墙出去学吧 有时间补一期 kali linux 破解 wifi 密码以及 使用 mac 破解wifi 的教程 破解路由器后台&#xff08;mac os&#xff09; 1. 安装 hy…

计算机网络实验如何设置无线路由器密码,怎么设置路由器密码 路由器设置密码方法【图文】...

随着互联网的不断发展&#xff0c;和智能手机的出现&#xff0c;连接电脑与手机的桥梁路由器诞生了&#xff0c;那么大家对路由器有多少了解呢?知道它是用来做什么的?其实路由器是连接因特网的一种设备&#xff0c;它可以把一些网络数据分发到智能手机上&#xff0c;让智能手…

获取路由器后台账号密码

获取路由器后台账号密码 偶然发现的路由器的漏洞 网站目录&#xff1a; 我是先分析他登陆按钮的事件 <input type"submit" name"login" class"button3" value"登录" onclick"return check();">return check(); &a…

华硕Android原始密码,华硕路由器默认密码是多少?ASUS路由器初始密码介绍

华硕路由器的默认初始密码是所有入手华硕路由器的伙伴们需要知道的&#xff0c;不知道华硕无线路由器默认密码是无法设置使用华硕路由器的&#xff0c;那么&#xff0c;华硕路由器默认密码是多少呢&#xff1f;对此&#xff0c;本文就为大家详细介绍华硕路由器初始密码&#xf…