当前位置: 首页 > news >正文

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

曾祥展

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文本

相关文章:

  • jquery+ie6中的form无法提交问题
  • SQL Server由于登录失败而无法启动服务的解决方法
  • 找不到可安装的ISAM
  • importing excel to sql datetime is null
  • 无法从带有索引像素格式的图像创建graphics对象
  • DELETE 语句与 REFERENCE 约束FK_ArticleTB_BlogAreaTB冲突。该冲突发生于数据库IConnectDB,
  • jquery获取ASP.NET服务器端控件dropdownlist和radiobuttonlist
  • 编程经验:定义了过多字段-Excel
  • A potentially dangerous Request.Form value was detected from the client (txtTest=).
  • ajaxpro 返回undefined 值為null
  • Cannot open database db1 requested by the login. The login failed.
  • Invalid postback or callback argument
  • 网页视频播放器代码大全
  • String or binary data would be truncated 异常解决办法
  • C# 将本地文件远程拷贝到其他电脑
  • “Material Design”设计规范在 ComponentOne For WinForm 的全新尝试!
  • CSS 三角实现
  • Flex布局到底解决了什么问题
  • iOS仿今日头条、壁纸应用、筛选分类、三方微博、颜色填充等源码
  • JavaScript 基本功--面试宝典
  • Linux链接文件
  • SegmentFault 2015 Top Rank
  • 动态规划入门(以爬楼梯为例)
  • 翻译 | 老司机带你秒懂内存管理 - 第一部(共三部)
  • 分享一份非常强势的Android面试题
  • 工作踩坑系列——https访问遇到“已阻止载入混合活动内容”
  • 排序算法之--选择排序
  • 使用 Xcode 的 Target 区分开发和生产环境
  • 微信小程序设置上一页数据
  • 一些关于Rust在2019年的思考
  • 7行Python代码的人脸识别
  • LIGO、Virgo第三轮探测告捷,同时探测到一对黑洞合并产生的引力波事件 ...
  • 数据库巡检项
  • ​批处理文件中的errorlevel用法
  • # C++之functional库用法整理
  • #define MODIFY_REG(REG, CLEARMASK, SETMASK)
  • #laravel 通过手动安装依赖PHPExcel#
  • #传输# #传输数据判断#
  • #图像处理
  • (6)STL算法之转换
  • (二十三)Flask之高频面试点
  • (附源码)spring boot球鞋文化交流论坛 毕业设计 141436
  • (每日持续更新)jdk api之FileFilter基础、应用、实战
  • (一)使用Mybatis实现在student数据库中插入一个学生信息
  • (一一四)第九章编程练习
  • (原)Matlab的svmtrain和svmclassify
  • (转)Android学习笔记 --- android任务栈和启动模式
  • (转)Linux整合apache和tomcat构建Web服务器
  • (转)setTimeout 和 setInterval 的区别
  • (转)Sublime Text3配置Lua运行环境
  • .net core 3.0 linux,.NET Core 3.0 的新增功能
  • .NET Core SkiaSharp 替代 System.Drawing.Common 的一些用法
  • .NET Core引入性能分析引导优化
  • .NET开源的一个小而快并且功能强大的 Windows 动态桌面软件 - DreamScene2
  • /bin/bash^M: bad interpreter: No such file or directory