本文实例讲述了CKeditor4 字体颜色功能配置方法。分享给大家供大家参考,具体如下:
今天动手ckeditor编辑器的时候发现工具栏上并没有可以更改字体颜色和背景颜色的按钮,所以我上网搜了下,网上特别多config.js文件配置的代码了,看得眼花缭乱的我选择把全部代码都复制下来。结果当然是没用的……一开始我还能有文本框、工具栏,到后来就变成什么都没有了。
后来我找到了ckeditor的文档:https://ckeditor.com/docs/index.html,找...
PHP JavaScript ckeditor 我这样可以弹出这个消息提示框 我用了一个if语句。然后想要实现一个功能:按了确定以后在回到首页。可是当我添加了注释掉的这句话以后就是直接跳转到之前的页面了,不会弹出对话框了。怎么办 求解!!! 这是a.php: a *{ font-size:20px; /*设置当前网页的“基本字体大小为12px*/ } .content{ color=#0066ff text-align=right border-bottom=dashed 1px grey } title:  ...
php中加入javascript想要没有输入title的时候跳出对话框以后在回到ckeditor里面重新编辑。
我这样可以弹出这个消息提示框
我用了一个if语句。然后想要实现一个功能:按了确定以后在回到首页。可是当我添加了注释掉的这句话以后就是直接跳转到之前的页面了,不会弹出对话框了。怎么办求解!!!
这是a.php:include('conn.php');
$head=$_POST['head'];
$content=$_POST['content'];?>a
*{font-size:20px; /*设置当前网页的“基本字体...
CKEditor即大名鼎鼎的FCKeditor,该公司的另一个产品为CKFinder(一个Ajax文件管理器)。ckeditor是一款功能强大的富文本编辑工具,这篇文章主要为大家详细介绍了ckeditor自定义插件的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下ckeditor是一款功能很强大的富文本编辑的工具,给我们提供了绝大多数功能,满足我们日常开发所用,但由于特殊情况,可能会需要修改ckeditor的插件。ckeditor提供了给我们很方便扩展插件...
CKFinder 1.4 下载地址:http://ckfinder.com/CKEditor3.0 下载地址:http://ckeditor.com/实例: 代码如下: if (typeof CKEDITOR == 'undefined') { document.write('加载CKEditor失败'); } else { var editor = CKEDITOR.replace('editor1'); CKFinder.SetupCKEditor(editor, '../ckfinderPath/'); } 这里要注意的是textarea 不要再给class="ckeditor" 他会自动加载样式,否则会报错 更多DEMO 请参见官网:http://ckfinder....
一、使用方法: 1、在页面中引入ckeditor核心文件ckeditor.js 输出 plugins/entities/plugin.js config.entities = true; //定义更多的实体 plugins/entities/plugin.js config.entities_additional = #39; //其中#代替了& //是否转换一些难以显示的字符为相应的HTML字符 plugins/entities/plugin.js config.entities_greek = true; //是否转换一些拉丁字符为HTML plugins/entities/plugin.js config.entities_latin = true; //是否...
从CKEditor取数据时, 代码如下:var data_tc = CKEDITOR.instances[txt_editor_tc].getData();向CKEditor设置数据时, 代码如下:CKEDITOR.instances[txt_editor_sc].setData(test);这两句代码是在JQuery或者JS时获取CKEditor或设置CKEditor数据时用的。
CKeditor编辑器是FCKeditor的升级版本想对于FCK来说,确实比较好用,加载速度也比较快以下是如果通过JS获取CKeditor编辑器的值,用于表单验证
if(CKEDITOR.instances.content.getData()==""){alert("内容不能为空!");return false;}
content是textarea的name下次发下CKeditor的配置还有上传配置,我只弄了PHP的上传
刚有个朋友反应说FIREFOX下不能判断为空,我稍微修改了下我的在FF下测试通过了,以下是JS代码function trim(str){...
在提交事件中加入这一句 代码如下: for ( instance in CKEDITOR.instances ) CKEDITOR.instances[instance].updateElement();
最近项目的前端使用了jQuery,表单的前端验证用的是jQuery Validate,用起来很简单方便,一直都很满意的。
前段时间,根据需求为表单中的 textarea 类型的元素加上了html富文本编辑器,用的是CKEditor,功能强大,定制方便,也很满意。
不过用CKEditor增强过的 textarea 元素,这个字段要求是非空的,在jQuery Validate总是验证不通过,原因就是在 CKEditor 编辑器填写了内容之后,编辑器并不是立即把内容更新到原来的 textarea 元...
本文实例讲述了CKEDITOR 4 扩展插件制作。分享给大家供大家参考,具体如下:
今天让我们来探索一下ckeditor的扩展功能,换句话说就是自定义按钮,以及点击按钮之后实现的功能。
要实现自定义按钮,我们要做几个事情:
1、准备一个图标,最好是16*16大小的png格式图片,你没有的话,姜哥帮你准备了一张。2、在plugins目录下建立我们和自定义插件同名的目录,并且在里面建立一个叫plugin.js的文件。3、在我们自己的插件目录中,建立一...
本文实例讲述了CKEDITOR 4 实现Dialog 内嵌 IFrame操作。分享给大家供大家参考,具体如下:
在上一篇博文《CKEDITOR 4 扩展插件制作》中,姜哥跟大家探讨了在ckeditor中添加dialog,已经添加dialog的一些控件,最终将控件中的值插入到ckeditor编辑器中的过程。但是实际上,我们更多的应用,还是会在dialog中,添加iframe组件,直接引用外部网页,以实现更为复杂的功能。今天姜哥就和大家一起分享一下,这个开发过程。
继续我们上一...
本文实例讲述了CKeditor富文本编辑器使用技巧之添加自定义插件的方法。分享给大家供大家参考,具体如下:
首先就是在CKeditor的plugins目录下新建一个目录qchoice:qchoice目录下的结构如下:然后, images中如下:dialogs中如下:我们先来看plugins.js文件的内容:
(function() {CKEDITOR.plugins.add("qchoice", {requires: ["dialog"],init: function(a) {a.addCommand("qchoice", new CKEDITOR.dialogCommand("qchoice"));a.ui...
本文实例讲述了CKEditor 4.4.1 添加代码高亮显示插件功能。分享给大家供大家参考,具体如下:
随着CKEditor4.4.1的发布,以前一直困扰的代码高亮问题终于完美的得到解决,在CKEditor4.4中官方发布了Code Snippet这个代码片段的插件,终于可以完美的内嵌使用代码高亮了,以前都是使用网友自己开发的代码高亮插件。下面就来介绍如何使用Code Snippet这个代码高亮插件。本文还介绍了CKEditor中如何安装Code Snippet插件。
新版本附加信...
一、CKEditor4安装
安装CKEditor 是很容易的。选择合适的过程(新安装或升级),按下面描述的步骤安装。
1、新安装
第一次安装CKEditor,按如下方式进行:
1) 从CKEditor 网站:http://ckeditor.com/download下载最新版本的CKEditor 。
2) 将下载的文档解压到你的website根目录下的ckeditor 目录中。你可以将文档放在你的website的任意路径中。ckeditor 目录是缺省目录。
2、升级
要升级现有的CKEditor 安装,按如下方式进行:...