CKEditor编辑器的使用方法

【CKEditor编辑器的使用方法】的更多相关文章

CKEditor编辑器的使用方法

CKEditor 网页中实现所见即所得的编辑器. 使用步骤: 1.下载CKEditor 下载地址:http://ckeditor.com/download 2.添加CKEditor的文件夹到项目中的WebRoot目录下 3.在页面中引入CKEditor.在页面中添加下面代码: <script type="text/javascript" src="<%=request.getContextPath()%>/ckeditor/ckeditor.js&qu…

关于wordpress中更换CKEditor编辑器

wordpress中自带的编辑器实在是功能太简,连插入表格都没有,使用插件的方式太过于麻烦,干脆就直接更换编辑器了,在网上找了一些方法,下文引自http://down.chinaz.com/try/201108/966_1.htm [摘要]Wordpress自带的编辑器很多时候不是很让人满意,有些用惯了Office的人士,对Wordpress默认的编辑器不能习惯的使用,而Wordpress自带强大的插件功能正好可以弥补这一缺陷. Wordpress自带的编辑器很多时候不是很让人满意,有些用惯了O…

升级phpcms的ckeditor编辑器

首先说明一下为什么升级?网上很多人升级成了ueditor,可从fckedotror 到 ckeditor,我个人都是比较喜欢的,特别是开放式的插件方式.另外一个就是至少要懂得升级和插件的开发,这样也能给phpcms增色不少. 准备: 1.当前phpcms最新版本(自带ckeditor 版本为3.6.6) 2.准备替换的最新ckeditor,版本4.2.1 一.开始之前说下原版ckeditor与phpcms的ckeditor的一些主要区别: 1.原版的分页符是一个div标签,而phpcms中编辑器…

javascript获取ckeditor编辑器的值(实现代码)

CKeditor编辑器是FCKeditor的升级版本想对于FCK来说,确实比较好用,加载速度也比较快以下是如果通过JS获取CKeditor编辑器的值,用于表单验证 if(CKEDITOR.instances.content.getData()==""){alert("内容不能为空!");return false;} content是textarea的name下次发下CKeditor的配置还有上传配置,我只弄了PHP的上传刚有个朋友反应说FIREFOX下不能判断为空…

ckeditor编辑器在java项目中配置

一.基本使用: 1.所需文件架包 A. Ckeditor基本文件包,比如:ckeditor_3.6.2.zip 下载地址:http://ckeditor.com/download 2.配置使用 A．将下载下来的CKEditor压缩解压,将解压后的文件夹(“ckeditor”)拷贝进项目里面,比如我是放在”WebContent”的”commons”文件夹下: B．在需要使用CKEditor的页面引入CKEditor的支持javascript <head> <script type=&quo…

如何将CKeditor编辑器的上传和thinkphp结合

转载:THINKPHP代码中 lxepoo的文章有时候我们会发现,我们需要对上传文件进行日志记录,这样的记录通常写在LOG文件或数据库中,那么,通过TP本身的上传类,可以实现的,但是只能做到编辑器外上传并记录,而我们在编辑器内上传的图片.附件却无法捕获,所以这里我分享一个我写的小代码片段,仅供参考.首先如果你不知道ckeditor,那么请忽略此文,谢谢. 当我们在模板中,将ckeditor配置好后,需要在JS代码中进行一些调整或修改,如下: CKEDITOR.replace( 'v_conte…

CI框架中集成CKEditor编辑器的教程

CKEditor是在很多开发过程中都会用到的一个富文本编辑器,那么如何在CI框架中使用它呢?这里介绍了在CI下使用CKEditor的方法,版本比较低,是在CI 1.7.3下使用fckeditor 2.6.6.供大家参考. 1.将fckeditor目录置入CI_PATH/system/plugins/ 2.在CI_PATH/system/application/config/config.php中加入: $config['fckeditor_basepath'] = "/system/plugin…

ckeditor编辑的使用方法

一.下载安装Ckeditor,并将其整合到项目中 1.什么是CKeditor?为什么要使用它? 我们在做门户网站或者公文系统时,客户经常要求在录入时能够更改字体样式.大小.颜色并具备插入图片的功能.而一般的TextBox无法满足我们的需求, 此时就需要使用一种叫做富文本编辑器的东西,这类编辑器有很多,ckeditor就是其中一种,下面介绍其使用方法 2.如何下载 √ 进入官方网站 http://ckeditor.com/,点击Download进入下载页面 √ CKEDITOR支持多种编程语言及框…

ckeditor编辑器从word粘贴公式

由于工作需要必须将word文档内容粘贴到编辑器中使用但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容,如果上传到服务器后其他人也访问不了,网上找了很多编辑器发现没有一个能直接解决这个问题考虑到自己除了工作其他时间基本上不使用windows,因此打算使用nodejs来解决这一问题发现不管什么编辑器只要将图片转换成base64后就可以直接使用(IE8及一下可能不支持),由于编辑器中添加word文档功能也只是自己用,因此可以忽略这种浏览器了找了很久,试用了很多编辑器,…

科讯使用的:ckeditor编辑器.复制word图片.一直沾不上去.谁有好的解决办法呢

在之前在工作中遇到在富文本编辑器中粘贴图片不能展示的问题,于是各种网上扒拉,终于找到解决方案,在这里感谢一下知乎中众大神以及TheViper. 通过知乎提供的思路找到粘贴的原理,通过TheViper找到粘贴图片的方法. 其原理为一下步骤: 监听粘贴事件:[用于插入图片] 获取光标位置:[记录图片插入位置] 获取剪切板内容:[主要是获取文件] 上传剪切板图片: 在指定光标位置插入图片. 以下是代码部分: 1.获取光标代码部分,大部分都是直接利用TheViper的代码,只是做了简单的修改,在获取光标…

解决Ckeditor编辑器不显示html实体，自动过滤html的问题

Ckeditor 4.5.4,在编辑的时候,使用源码编辑,当保存内容包含Javascript.Style标签的时候,数据库中有Javascript.Style标签,输入到页面也可以执行,但是我再次编辑的时候就不见了,是Ckeditor把它们过滤掉了,需要做如下配置: CKEDITOR.replace( 'textarea_id', { allowedContent: true }); 最后又发现一个问题: 设置了{ allowedContent: true}后,虽然html没有被过滤,但是htm…

MVC4 使用 ckfinder+ckeditor编辑器

配置ckfinder for asp.net 版本下载地址 http://cksource.com/ckfinder/downloadckeditor下载地址 http://ckeditor.com/download config.ascx public override bool CheckAuthentication() { return true; 设置为true } ckeditor config.js 新增 config.filebrowserBrowseUrl = '/ckfind…

Linux编辑器vi使用方法详细介绍

vi编辑器是所有Unix及Linux系统下标准的编辑器,它的强大不逊色于任何最新的文本编辑器,这里只是简单地介绍一下它的用法和一小部分指令.由于对Unix及Linux系统的任何版本,vi编辑器是完全相同的,因此您可以在其他任何介绍vi的地方进一步了解它.Vi也是Linux中最基本的文本编辑器,学会它后,您将在Linux的世界里畅行无阻. 1.vi的基本概念基本上vi可以分为三种状态,分别是命令模式(command mode).插入模式(Insert mode)和底行模式(last line m…

网站搭建 (第06天) Ckeditor编辑器

一.前言富文本编辑器,Rich Text Editor, 简称 RTE, 是一种可内嵌于浏览器,所见即所得的文本编辑器,这是百度百科的对富文本编辑器的解释.我们可以借助富文本编辑器,编辑出来一个包含html的页面,从而页面的显示效果,可以由网站管理员定义,而不用完全依赖于开发的人员.我之前使用的是一个叫tinymce的富文本编辑,它比较精简,功能不是很丰富.在使用了一段tinymce后,就转用了django-ckeditor,后来发现是真的好用,当然还有一个叫做Ueditor的编辑器,听说也还…

【Linux基础】VI 编辑器基本使用方法

vi编辑器是所有Unix及Linux系统下标准的编辑器.对Unix及Linux系统的任何版本,vi编辑器是完全相同的,它是Linux中最基本的文本编辑器. 第一章vi的三种模式第二章vi文本编辑器第三章vi编辑命令 (一) 移动光标 (二) 简单编辑 (三) 插入文本的常用方法 (四) 使用J合并两行 (五) 回顾基本的vi命令学习vi的唯一方法是实践. 第一章vi的三种模式基本上vi可以分为三种状态,分别是命令模式(command mode).插入模式(Insert mode)和底行模…

CKEditor编辑器的使用

<div class="form-group" id="infolink-edier-div"> <label for="" class="col-lg-2 col-sm-2 control-label">正文</label> <div class="control-group col-lg-10"> <textarea name="infol…

jquery不能实时获取CKEDITOR值的解决方法

不用传统的获取值的方法: var ckeditor = document.getElementById("ckeditor").value; 换成: var ckeditor = CKEDITOR.instances.content.getData();…

ueditor百度编辑器的赋值方法

示例: http://ueditor.baidu.com/website/onlinedemo.html 引用代码: window.UMEDITOR_HOME_URL = $CONFIG['domain'] + "/res/local/js/ueditor/"; //注意就是这里! window.UEDITOR_CONFIG.imageUrl = $CONFIG['domain'] + '/goodspic?type=2'; window.UEDITOR_CONFIG.s…

Mac中pico编辑器的使用方法

Pico是一个由华盛顿大学(University of Washington)计算与通讯研究所(Computing and Communications Group)编写并维护的文本编辑程序,在多个版本的Unix和类Unix操作系统中都有移植版本.作为一个简单的纯文本编辑器,pico并不具备字处理程序中常见的增强功能,例如黑体和斜体等等.Pico的基本功能包括文本输入,文本搜索,拼写检查,文件浏览,文本拷贝.剪切和粘贴.很有意思的是,一个功能如此简单的文本编辑器,竟然经常被开发人员用来编写程…

Linux编辑器vi使用方法详细介绍(转)

vi编辑器是所有Unix及Linux系统下标准的编辑器,它的强大不逊色于任何最新的文本编辑器,这里只是简单地介绍一下它的用法和一小部分指令.由于对Unix及Linux系统的任何版本,vi编辑器是完全相同的,因此您可以在其他任何介绍vi的地方进一步了解它.Vi也是Linux中最基本的文本编辑器,学会它后,您将在Linux的世界里畅行无阻. 1.vi的基本概念基本上vi可以分为三种状态,分别是命令模式(command mode).插入模式(Insert mode)和底行模式(last line m…

Django使用xadmin集成富文本编辑器Ueditor（方法二）

一.xadmin的安装与配置1.安装xadmin,其中第一种在python3中安装不成功,推荐第二种或者第三种方式一:pip install xadmin 方式二:pip install git+git://github.com/sshwsfc/xadmin.git 方式三:下载https://codeload.github.com/sshwsfc/xadmin/zip/master Zip文件,解压并进入目录下直接python setup.py install 2.在settings.py…

Vi 和 Vim 编辑器详细使用方法

学习linux的一项必会技能,熟练使用vi/vim编辑器那便最重要的了.不过一堆操作看的也是太头疼了,以下整理了些常用到的命令. 工作模式 vi编辑界面有三种不同的工作模式,分别为命令模式.输入模式.和末行模式,不同的模式对文件进行的操作也不同. 模式判断方法可进行的操作命令模式启动后默认进入命令模式光标移动.复制.粘贴.删除.字符串查找等输入模式最后一行有"--INSERT--"状态提示录入文件内容末行模式最后一行有":"提示符保存.退出.查…

虚拟机编辑器 vi使用方法详细介绍

vi编辑器是所有Unix及Linux系统下标准的编辑器,它的强大不逊色于任何最新的文本编辑器,这里只是简单地介绍一下它的用法和一小部分指令.由于对Unix及Linux系统的任何版本,vi编辑器是完全相同的,因此您可以在其他任何介绍vi的地方进一步了解它.Vi也是Linux中最基本的文本编辑器,学会它后,您将在Linux的世界里畅行无阻. 1.vi的基本概念基本上vi可以分为三种状态,分别是命令模式(command mode).插入模式(Insert mode)和底行模式(last line…

Ueditor百度编辑器中 setContent()方法的使用

百度编辑器Ueditor所提供的setContent()方法作用是:设置或者改变编辑器里面的文字内容或html内容函数说明:setContent(string,boolean); 参数string 是需要设置到编辑器里面的内容,可以含有HTML代码,最后插入到编辑器中的内容是经过编辑器内置过滤器过滤后的内容,同时该函数会出发selectionchange 事件. 参数:boolean,(true/false) 若传入true,不清空原来的内容,在最后插入内容,否则,清空内容再插入,默认是tr…

asp.net文本编辑器FCKeditor使用方法详解

文本编辑器的使用: 1.FCKeditor的官方网站是:http://www.fckeditor.net/download 目前最新的FCKeditor.Net_2.6.9版本. 请在此页下载:http://sourceforge.net/projects/fckeditor/files/ 如图所示: 要下载FCKeditor.Net_2.6.9.zip和 FCKeditor.NET版的2个zip包. 说明: FCKeditor2.4.2.zip是其最新的Javascript文件和图片什么…

ABBYY FineReader的图像编辑器功能使用方法

日常工作中,有时可能需要对图像进行编辑,可是正常情况下大家都知道图像是不能直接编辑的,需要借助工具.ABBYY FineReader 12 OCR文字识别软件可以实现图像的手动编辑,接下来就具体给大家讲一讲如何使用ABBYY FineReader 12的图像编辑器功能手动编辑图像. ABBYY FineReader 12是一款文字识别OCR软件,能够快速方便地将扫描纸质文档.PDF文件和数码相机的图像转换成可编辑.可搜索的文本. 打开ABBYY FineReader 12图像编辑器: 打开ABB…

使用CKEditor编辑器进行文本编辑

首先下载CKEditor. 下载地址:点击打开链接将下载完的CKEditor解压而且导入到项目中. 然后在页面引入CKEditor <script type="text/javascript" src="ckeditor/ckeditor.js"></script> 在要编辑的textarea标签中增加class="ckeditor" 并增加对应的id和name属性 <textarea rows="10&…

VI编辑器的使用方法

一.vi的工作模式vi有两种工作模式: 编辑模式:用来输入和编辑文件的模式,屏幕上会显示用户的键入,按键不是被解释为命令执行,而是作为文本写到用户的文件中. 指令模式:用来编辑.存盘和退出文件的模式. 运行vi后,首先进入指令模式.此时输入的任何字符都被视为指令,键入的命令不会在屏幕上显示. 从指令模式切换到编辑模式,则可以按“Insert”键或“i”键,从编辑模式切换到指令模式,可按“Esc”键. 状态行是屏幕底部一行,被vi编辑器用来反馈编辑操作结果.错误消息或提供信息…

ckeditor：基本使用方法

引用网址:http://blog.sina.com.cn/s/blog_6961ba9b0102wwye.html 1.获得值 var editor=CKEDITOR.replace( 'editor1' ); editor.document.getBody().getText(); //取得纯文本 editor.document.getBody().getHtml(); //取得html文本 CKEDITOR.instances.content.getData()//获得html文本 cont…