`
forestkqq
  • 浏览: 210397 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
社区版块
存档分类
最新评论

CKEditor、ckfinder 随笔

阅读更多

CKEditor 提速:禁用拼写检查

ckeditor 的自动拼写检查功能(通过与svn.spellchecker.net网站交互完成),使得 ckeditor 的装载非常的慢,有时显得录入反应相当的慢。拼写检查对于中文是多余了,所以可以把此功能屏蔽掉。官方网站的说法是 Scayt' (spell checker as yout type)

 

修改 ckeditor_3.3.1\config.js ( 以此版本为例 )

CKEDITOR.editorConfig = function( config )
{
        ......
	config.disableNativeSpellChecker = false ;
	config.scayt_autoStartup = false;
	......
};

 

下面是官网对这两个参数的说明( docs.cksource.com ):

参数 disableNativeSpellChecker 的说明

Disables the built-in spell checker while typing natively available in the browser (currently Firefox and Safari only).

Even if word suggestions will not appear in the CKEditor context menu, this feature is useful to help quickly identifying misspelled words.
This setting is currently compatible with Firefox only due to limitations in other browsers.

 

参数 scayt_autoStartup 的说明

If enabled (true), turns on SCAYT automatically after loading the editor.

 

 

CKEditor 增加字体:

修改ckeditor\config.js

 

CKEDITOR.editorConfig = function( config )
{
    config.font_names = '宋体/宋体;黑体/黑体;仿宋/仿宋_GB2312;楷体/楷体_GB2312;隶书/隶书;幼圆/幼圆;'+ config.font_names ;
};

其中,楷体/楷体_GB2312,表示在ckeditor中的字体显示名称为“楷体”,系统字体名称为“楷体_GB2312”。

 


CKEditor 添加自定义字体:

修改ckeditor\config.js

config.contentsCss = 'fonts.css';
//  添加新的字体到 CKEditor 的字体列表
config.font_names = 'fontnametodisplay/yourfontname;' + config.font_names;
 

在 fonts.css 中添加@font-face 属性:

@font-face {  
    font-family: "yourfontname";  
    src: url( ../fonts/font.eot ); /* IE */  
    src: local("realfontname"), url("../fonts/font.TTF") format("truetype"); /*non-IE*/  
}

 

 

CKEditor 存值/取值(客户端)

 

 

设置值:

 

 

// 修改内容
CKEDITOR.instances.content.setData( '编辑的文字' );

// 插入图片 
CKEDITOR.instances.content.insertHtml("<img src=...>");

 

 

读取值:

 

 

 var txt = CKEDITOR.instances.content.getData(  );

 

 

参考:

CKEditor/FCKEditor取值 赋值

 

 

 

IE7/8下报错:存储空间不足,无法完成此操作

 

 

在IE下打开使用 ckeditor 的页面时 IE 报错:存储空间不足,无法完成此操作( Not enough storage is available to complete this operation)。

 

原因之一是因为 ckeditor 如果可能的话就使用 IE 指定文档.createStyleSheet ,但不幸的是,如果样式表超过31的话,它就会出错。

 

解决办法:合并样式。例如,在 joomla 中或 drupal 中,打开样式合并功能开关。也可以在 js 文件中查找 .createStyleSheet 修改相应的代码来解决。

 

// 原代码

if(this.$.createStyleSheet)this.$.createStyleSheet(k)

// 替换为 

if(false)this.$.createStyleSheet(k)
 

 

 

 

参考:Another IE surpriseNot enough storage error in IE7/IE8

 

 

 

分享到:
评论
7 楼 Hero_dong 2011-12-30  
你好,请问怎样设置ckfinder,让它显示左侧的资源文件夹?
6 楼 forestkqq 2009-12-01  
我在ASP下用的 ckeditor3 。 Tomcat 下用的好象是FCKeditor.Java 
5 楼 forestkqq 2009-12-01  
4 楼 lyg 2009-11-30  
ssuupv 写道
请问一下,ckeditor怎么能把source目录未压缩的代码,替换压缩的代码并且能跑的起来。

改了source的话,可以用ckpackager重新打包,ckpackager在ckeditor的代码库里有的下
3 楼 zhanglei007two 2009-11-26  
你的那个ckeditor可以使用了吗,我的怎么都不行,单独放在本地可以显示,单独放在tomcat下也可以显示,就是放在项目下不显示,请赐教啊,搞了一天了,试了几个方法都不行,QQ:357302645
2 楼 forestkqq 2009-11-06  
没这么做过。你可能是修改了它的source,所以才希望替换的吧?
1 楼 ssuupv 2009-11-06  
请问一下,ckeditor怎么能把source目录未压缩的代码,替换压缩的代码并且能跑的起来。

相关推荐

    Ckeditor与ckfinder整合

    在本文中,我们将深入探讨如何将Ckeditor与ckfinder整合在Java环境下,实现文件上传功能。Ckeditor是一款强大的富文本编辑器,而ckfinder则是一个文件管理器,它们结合使用可以方便地在编辑器中插入、管理和上传各种...

    springmc ckeditor ckfinder三者整合

    在IT行业中,Spring MVC、CKEditor和CKFinder是三个非常重要的工具,它们分别在Web开发的不同方面发挥着关键作用。Spring MVC是Spring框架的一部分,用于构建高性能、灵活的MVC(Model-View-Controller)应用程序;...

    ckeditor+ckfinder配置

    **ckeditor+ckfinder配置详解** 在网页编辑领域,CKEditor是一款广泛应用的富文本编辑器,它提供了丰富的文本格式化选项,使得用户可以在网页上轻松创建和编辑内容。CKFinder则是一个与CKEditor配套的文件管理工具...

    ckeditor + ckfinder

    CKeditor CKfinder 整合方案,清晰明了,供给有需要的伙伴!

    CKEditor和CKFinder及演示源代码

    CKEditor和CKFinder在ASP.NET的应用和演示文档。 CKEditor和CKFinder在ASP.NET项目中安装,配置和使用详解。 http://write.blog.csdn.net/postedit/22868963

    ckeditor+ckfinder精简版 ckeditor+ckfinder精简版

    CKEditor和CKFinder是两个非常重要的在线文本编辑器和文件管理工具,在Web开发中被广泛使用。CKEditor是一款强大的富文本编辑器,提供丰富的文本格式化功能,使得用户可以在网页上进行类似桌面文字处理软件的编辑...

    富文本编辑器_ckEditor与ckFinder_C#版

    富文本编辑器 CKEditor 和 CKFinder 是 web 开发中常用的两个工具,它们在 C# 开发环境下也有专门的版本。CKEditor 是一个功能强大的在线文本编辑器,而 CKFinder 是一个配套的文件管理器,两者结合可以实现文本编辑...

    整合ckeditor+ckfinder实现图片或文件上传功能

    `ckeditor`是一款知名的开源JavaScript富文本编辑器,而`ckfinder`则是一个与之配合的文件管理器,主要用于上传、管理和选择编辑器中的图片和文件。本文将详细介绍如何在JAVA工程中整合这两款工具,实现图片和文件的...

    最新ckeditor_ckfinder整合超完整版

    ckeditor、ckfinder整合教程

    ckeditor ckfinder的使用

    文本编辑器ckeditor ckfinder的使用(VS2010,若出现配置文件错误,请把 targetFramework="4.0"删除或者把程序转换为较低版本的framework)

    asp使用ckeditor和ckfinder上传图片设置

    1、下载asp版本的ckfinder,放到ckeditor目录下 2、修改ckeditor\config.js,加上如下内容: CKEDITOR.editorConfig = function( config ) { config.scayt_autoStartup = false config.language = 'zh-cn'; //中文 ...

    ckeditor与ckfinder(java版)整合,实现图片上传

    ### CKEditor与CKFinder(Java版)整合实现图片上传的知识点 #### 1. CKEditor配置详解 **下载与安装** - **下载地址**: [http://ckeditor.com/download](http://ckeditor.com/download) - **安装步骤**: - 解压...

    ckeditor ckfinder php精简版3.3.1

    CKEditor和CKFinder是两个非常重要的工具,广泛用于网页内容编辑和管理。 CKEditor是一款功能强大的富文本编辑器,而CKFinder则是一个文件管理和上传插件,常与CKEditor配合使用,提供用户友好的文件选择和上传功能...

    ckeditor ckfinder 整合 for PHP

    CKEditor和CKFinder就是两个这样的工具。CKEditor是一款强大的在线文本编辑器,而CKFinder则是一个文件管理器,两者结合可以提供一个完整的解决方案,让用户在编辑文章时方便地上传和管理图片。 CKEditor是一款开源...

    Ckeditor ckfinder2.0.1超强整合 完整版 实践版 PHP

    **Ckeditor与Ckfinder整合详解** Ckeditor是一款广泛应用的开源富文本编辑器,以其功能强大、界面友好、易用性强而受到广大开发者喜爱。它提供了丰富的文本编辑功能,如字体设置、颜色调整、图片插入等,使得在网页...

    JSP下在线编辑器--CKeditor Ckfinder

    使用JSP实现在线编辑器,内容包括开发文档,配套源代码,ckeditor_4.1.1_full.zip和ckfinder_java_2.3.1.zip开发包。从如何下载开发包到实现CKeditor Ckfinder融合实现在线编辑器(代码已解决中文图片传输问题),...

    ckeditor + ckFinder asp版

    《ckeditor + ckFinder asp版:打造高效网页编辑体验》 在互联网内容创作领域,文本编辑器扮演着至关重要的角色,而ckeditor与ckFinder的结合则为ASP平台提供了强大的在线编辑解决方案。ckeditor是一款著名的富文本...

    ckeditor+ckfinder组合下载 (php演示版,2019年最新,绝对好用) ckeditor4+ckfinder3.1

    CKEditor和CKFinder是两个非常流行的开源Web编辑器和文件管理工具,它们在网页内容编辑和上传文件方面提供了强大的功能。CKEditor是一个富文本编辑器,而CKFinder则作为一个插件,为CKEditor提供了一个方便的文件...

    ckeditor和ckfinder简单功能

    【ckeditor和ckfinder简单功能】 在网页开发中,CKEditor和CKFinder是两个非常重要的工具,主要用于提升用户体验,特别是对于内容管理和编辑。CKEditor是一款强大的富文本编辑器,而CKFinder则是一个文件管理器,...

    ckeditor与ckfinder整合demo采用springmvc

    ckeditor与ckfinder整合demo采用springmvc,学习使用

Global site tag (gtag.js) - Google Analytics