【CKEditor配置及使用】的更多相关文章

CKeditor 配置使用

CKeditor 配置使用 一.使用方法:1.在页面<head>中引入ckeditor核心文件ckeditor.js<script type="text/javascript" src="ckeditor/ckeditor.js"></script> 2.在使用编辑器的地方插入HTML控件<textarea><textarea id="TextArea1" cols="20"…

MVC5富文本编辑器CKEditor配置CKFinder

富文本编辑器CKEditor的使用 *:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: 0 !important; } /* BLOCKS =============================================================================*/ p, blockquote, ul, ol, dl, table, pre { margin:…

富文本编辑器 CKeditor 配置使用+上传图片

参考文献: 富文本编辑器 CKeditor 配置使用 CKEditor与CKFinder的配置(ASP.NET环境),老版本可以参考 CKEditor+CKFinder ASP版在本地电脑中的配置  有点问题 富文本文件CKEDITOR增加上传图片功能(.net),ckeditor上传图片  发现可行 CKEditor4.6.2 图片/Flash上传及预览 附件上传 有一定参考价值 富文本编辑器 CKeditor 配置使用+上传图片 Ckeditor下载地址:http://ckeditor.co…

ckeditor、ckeditor配置--整合

1.将ckeditor和ckfinder文件夹拷入项目文件夹中,刷新项目. 2.ckfinder把文件夹中的bin目录下的dll文件(CKFinder.dll)添加到网站的引用中,防止出现找不到类的错误.(未能加载类型“CKFinder.Connector.Connector”.) 3. 在添加编辑控件的页面(aspx)的head中加入,并插入代码: <script src="ckeditor/ckeditor.js" type="text/javascript&quo…

CKEditor配置及使用

注:使用CKEditor版本为js版本的CKEditor 4,所有配置均参考自CKEditor官方API:http://docs.ckeditor.com/,以及实践经验 一.快速使用 1.引入CKEditor的js文件 // 当此文件载入完毕之后,CKEditor的JavaScript API就已准备就绪,可以使用 <script src="ckeditor/ckeditor.js"></script> 2.页面中使用CKEditor // 在需要使用编辑器的…

Ckeditor配置

配置参考文档,主要将ckeditor中的(adapters.images.lang.plugins.skins.themes.ckeditor.js.config.js.contents.css)解压到js目录,然后"显示所有文件",将ckeditor的目录"包含在项目中",在发帖页面引用ckeditor.js,然后设置多行文本框的class="ckeditor"(CSS强大)(服务端控件CssClas=" ckeditor "…

富文本编辑器 CKeditor 配置使用 （带附件）

Ckeditor下载地址:http://ckeditor.com/download 1.CKeditor的基本配置 var textval=CKEDITOR.instances.TextArea1.getData(); //获取带HTML的值 var stemTxt=CKEDITOR.instances.TextArea1.document.getBody().getText();//获取纯文本 CKEDITOR.instances.TextArea1.setData(data.content)…

富文本编辑器 CKeditor 配置使用

作者:Tyler Ning出处:http://www.cnblogs.com/tylerdonet/本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,如有问题,可以通过以下邮箱地址williamningdong@gmail.com联系我,非常感谢. Ckeditor下载地址:http://ckeditor.com/download 一.使用方法:1.在页面<head>中引入ckeditor核心文件ckeditor.js <script…

struts2+ckeditor配置图片上传

又是一个漫漫长夜. 公司的编辑器坏了,用的是百度编辑器,上传图片的网址被框架给拦截了,我们本地怎么测试都没问题,放到服务器就这样了.和老李找了半天,疯了,没原因的. 笔者以前用过jsp+ckeditor,觉得里面上传功能挺好用,于是想出这个法子,把网站的编辑器换掉. 用的是最新的版本的,4点几的.很有wordpress的感觉,不知道是不是一家的.先预览一下: 代码: package action; import java.io.File; import java.io.FileInputStre…

CKEditor+SWFUpload实现功能较为强大的编辑器（一）---CKEditor配置

CKEditor爆表的强大功能大家都有目共睹,号称最强大的在线编辑器,只要将文件复制到项目中,在添加引用,在一句代码就可以将普通的textarea变成华丽的编辑器 所谓一复制,一拖,一换就大功告成 但是普通的CKEditor由于会产生诸如<,>这样的危险符号,在用asp.net时必须在页面头的标签的ValidateRequest属性设置为false 在WebConfig文件中的httpRuntime节点配置requestValidateMode="2.0",否则会报错. 这…

CKEditor配置,最适合新手两种方式详解。

CKEditor.js的配置,大概有两种方式,这里有基础版和全面的版本可以试验 https://cdn.ckeditor.com/4.8.0/full-all/ckeditor.js http://cdn.bootcss.com/ckeditor/4.8.0/ckeditor.js 1.直接上代码,工具栏的配置修改 toolbar 中的属性查看 <!DOCTYPE html> <html lang="en"> <head> <meta char…

CKEditor 配置

在asp.net 中注意需要特殊处理控件的ID 先引入js <script type="text/javascript" src="ckeditor/ckeditor.js"></script> 然后设置文本框 2.在使用编辑器的地方插入HTML控件<textarea><textarea id="TextArea1" cols="20" rows="2" class…

UEditor和CKEditor配置上传图片，视频，附件

UEditor: http://blog.sina.com.cn/s/blog_8bb128230102v12x.html CKEditor:http://blog.sina.com.cn/s/blog_8bb128230102v12t.html…

.net版ckeditor配置水印功能（转）

本文简单讲解ckfinder控件给上图片加水印效果. 1.将ckfinder/plugins/watermark/bin/Debug目录下的CKFinder_Watermark.dll和CKFinder_Watermark.pdb两个文拷贝到项目的Bin下 2.修改配置文件/ckfinder/config.ascx 将原来注释掉的"CKFinder.Plugins.Watermark, CKFinder_Watermark" 取消注释,如下图所示: 3.修改水印图片存放的目录 Plug…

MVC配置ckeditor+ckfinder

ckeditor当前使用版本:4.5.8 ckfinder当前使用版本:2.6.0 1.Ckeditor配置简单,直接使用Nuget下载就可 2.下载ckfinder https://cksource.com/ckfinder/download 选择Asp.net版本下载并放在相同的目录下:‘Scripts' 3.添加js引用: @Scripts.Render("~/Scripts/ckeditor/ckeditor.js") @Scripts.Render("~/Scrip…

CKEditor与CKFinder的配置（ASP.NET环境）

CKEditor是一个专门使用在网页上的所得文字编辑器,适用于PHP.ASP.NET.Java等后端开发语言.CKEditor原名为FCKeditor,“FCK” 是这个编辑器的作者的名字Frederico Caldeira Knabben的缩写. 09年发布更新到3.0,并改名为CKEditor,CK意指"Content and Knowledge". 新版的编辑器的更新包括:新的用户界面,一个支持Plug-in的Javascript API,并提供对视觉障碍者的使用支持 CKEdi…

php环境下ckeditor和ckfinder的配置详解

摘要:老牌编辑器FCK的升级版CKEditor(http://ckeditor.com/) 经过重写,提供了丰富而强大的集成和互动的API.新版编辑器是完全基于插件,它可以扩展所有部件以符合需求.FCKeditor升级后的 CKEditor去掉了上传功能,只提供了基本的文本编辑功能,上传模块由另一个组件CKFinder来实现.换句话说编辑器如果需要上传功能,就需要再 下载CKFinder(http://www.ckfinder.com/) 1.分别解压CKEditor和CKFinder到你的we…

ckeditor插件

插件下载地址:http://ckeditor.com/download 1.CKeditor配置 在html页面的<head>标签中引入核心文件 ckeditor.js <script src="ckeditor/ckeditor.js"></script> 2.在使用编辑器的地方插入HTML控件<textarea> <form action="" method="post"> <…

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

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

CKEditor使用笔记

相关资源 1. 首页地址:http://ckeditor.com/ 2. 下载地址:http://ckeditor.com/download 3. SDK地址:http://sdk.ckeditor.com/ 如何开始 1.选择位置,放置CKEditor的包 如:放置在webapp/plugin路径下,其中webapp是web项目的根目录. 2.在页面中引入ckeditor.js <script type="text/javascript" src="${pageCon…

CKEditor实现图片上传

本人用的CKEditor版本为4.3 CKEditor配置和部署参考CKEditor4.x部署和配置. CKEditor编辑器的工具栏中初始的时候应该是这样子的,没有图片上传按钮 并且预览中有一堆火星文,可以修改相应配置删除它. 第一种方法:打开ckeditor/plugins/image/dialogs/image.js文件,搜索“b.config.image_previewText”,(b.config.image_previewText||'')单引号中的内容全删了,注意别删多了.(由于c…

CKEditor上传插件

CKEditor上传插件 前言 CKEditor上传插件是不是免费的,与您分享在此开发.这个插件是基于ASP.NET MVC下开发的,假设是webform的用户或者其他语言的用户.能够參考把server端做对应的改动.看图: 大家能够看到Browse Button和Upload选项卡. 以下分步具体解释三部分的实现:浏览server端图片或文件.上传图片或文件,CKEditor配置. 浏览server端图片或文件 先上图: 做了一个十分简易的浏览页面.左半部分是目录树.右半部分则显示当前目录中的…

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

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

django使用ckeditor上传图片

1.在模型类中设置字段为富文本类型,这里需要注意引入的是RichTextUploadingField,以允许上传图片,需要和RichTextField区分开 from ckeditor_uploader.fields import RichTextUploadingFieldclass spit_model(models.Model): """模型类""" user = models.ForeignKey(User, on_delete=mode…

CKEditor富文本编辑器

CKEditor 富文本即具备丰富样式格式的文本.在运营后台,运营人员需要录入课程的相关描述,可以是包含了HTML语法格式的字符串.为了快速简单的让用户能够在页面中编辑带格式的文本,我们引入富文本编辑器. 1. 安装 pip install django-ckeditor 2.在INSTALLED_APPS中添加 INSTALLED_APPS = [ ... 'ckeditor', # 富文本编辑器 'ckeditor_uploader', # 富文本编辑器上传图片模块 ... ] 3. 添加C…

CKEditor图片上传实现详细步骤(使用Struts 2)

本人使用的CKEditor版本是3.6.3.CKEditor配置和部署我就不多说. CKEditor的编辑器工具栏中有一项“图片域”,该工具可以贴上图片地址来在文本编辑器中加入图片,但是没有图片上传. “预览”中有一大堆鸟语,看得很不爽.可以打开ckeditor/plugins/image/dialogs/image.js文件,搜索“b.config.image_previewText”就能找到这段鸟语了,(b.config.image_previewText||'')单引号中的内容全删了,注意…

关于ckeditor 之 上传功能

度了很多文章,看了很多关于ckeditor配置上传功能的文章,没一个写得清楚的, 就是简单的根目录下.config.js 增加 config.filebrowserUploadUrl="/admin/film/ckeditorUpload"; //文件浏览上传地址 然后就是 \plugins\image\dialogs  的 image.js 文件查找 id: "Upload", 将 hidden: !0 改为 hidden: 0, { id: "Uplo…

eclipse好玩的插件集（一） CKEditor插件

啥也不说,先上效果图: 当你输入完图片的url时,你可以得到预览的图像,从而进行宽高调整! 使用方法: 在eclipse市场中搜索ckeditor 配置操作如下:   进行文件关联,这样就可以直接用ckeditor打开html了 enjoy it!…

ckeditor和ckfinder

ckeditor是一个所见即所得的富文本编辑器,用来代替drupal自带的编辑器. 但是从drupal.com下载的ckeditor模块本身没有实现功能,它指向了由cdn.ckeditor.com所提供的ckeditor真正实现功能的js文件. 如果不想使用cdn上的文件,而使用本地的,需要从ckeditor.com下载ckeditor包,解压后放到指定的文件夹里面. 查看ckeditor模块的目录结构,看到它下面还有一个ckeditor文件夹,解压后的文件都要放在那里.正确的层级关系是/sit…

Django中CKEditor富文本编译器的使用

CKEditor富文本编辑器 1. 安装 pip install django-ckeditor 2. 添加应用 在INSTALLED_APPS中添加 INSTALLED_APPS = [ ... 'ckeditor', # 富文本编辑器 'ckeditor_uploader', # 富文本编辑器上传图片模块 ... ] 3. 添加CKEditor设置 在settings/dev.py中添加 # 富文本编辑器ckeditor配置 CKEDITOR_CONFIGS = { 'default': {…