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

最新推荐文章于 2024-05-16 21:54:58 发布

ninja

最新推荐文章于 2024-05-16 21:54:58 发布

阅读量3.3k

点赞数

分类专栏： Asp.Net 文章标签： jquery templates styles textbox asp.net html

Asp.Net 专栏收录该内容

149 篇文章 0 订阅

订阅专栏

曾祥展

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;//（注释这句，默认这句未被注释）
}

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

曾祥展

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

xx=’xxxx...’

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

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

曾祥展

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

插外话，昨天研究fck时，提示：

曾祥展

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

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

若然你想用html控件

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

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

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

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

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

ninja

关注

0
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
(ckeditor+ckfinder用法)Jquery,js获取ckeditor值

<br /><br /><br />CKEditor 3.3.1 和 ckfinder 2.0 配置 with jQuery 1.42 请看33楼！<br />CKEditor 3.2 在 asp.net 下进行配置的方法：<br />官方网站：CKEditor CKFinder<br />1、CKEditor 不具备上传功能，需要集成 CKFinder 才能实现上传功能。 <br /> 下载 ckeditor 并解压到 ckeditor（在根目录下）；<br /> 下载 ck
复制链接

扫一扫