.net中怎么使用CKEditor

jsp中如何整合CKEditor+CKFinder实现文件上传

最近笔者做了一个新闻发布平台,放弃了之前的FCKEditor编辑器,使用了CKEditor+CKFinder,虽然免费的CKFinder是Demo版本,但是功能完整,而且用户都是比较集中精神发新闻的人,不会在意这个.笔者使用的版本分别是:CKEditor3.5.3+CKFinder2.0.2,今天笔者整理了一下配置CKEditor和CKFinder的过程,以及需要注意的一些问题,希望对大家有所帮助. 第一:下载CKEditor和CKFinder相关的安装文件 1.在CKEditor官网http:…

.net中怎么使用CKEditor

1:官网下载Full Package2:将此ckeditor文件包拷贝到项目根目录下3:CKEditor 3.6.6.2 for ASP.NET下载4:复制_Samples\bin\Release\CKEditor.NET.dll至你的网站bin目录下,再为其添加引用5:页面引用<%@Register Assembly="CKEditor.NET" Namespace="CKEditor.NET" TagPrefix="CKEditor"%…

玩转Web之Jsp（二）-----jsp中怎么使用CKEditor

在BBS项目或其他一些项目中,我们会发现别人写的一些文本域非常漂亮,而且有多种功能,这是怎么做到的呢?其实通过在jsp文件中引用在线编辑器即可,这里以CKEditor为例. 首先下载CKEditor:网址是http://ckeditor.com/ 然后将其解压,会解压出一个名为editor的文件,将这个文件拷贝到项目的webroot目录下,完成这些准备工作后就该引入到你的jsp文件中了. 引入步骤: 1.在页面<head>中加入<script type="text/javasc…

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…

drupal中安装CKEditor文本编辑器，并配置图片上传功能之方法二

drupal中安装CKEditor文本编辑器,并配置图片上传功能之方法一中介绍了ckeditor的安装和配置方法,其实还有另一种新方法,不用IMCE模块. 不过需要ckfinder的JS库,可以到http://ckfinder.com/download下载,下载后放到ites\all\modules\contrib\ckeditor文件夹下如图, 然后到admin/config/content/ckeditor/edit/Full配置一下就行了…

CKEDITOR 4.6.X 版本插件弹出对话框 Dialog中表格 Table 自定义样式Style 问题

项目开发过程中,发现CKEDITOR 插件的弹出框内如果跟据项目需要写表格(table tr td),表格的边框等属性会被 CKEDITOR的清除或覆盖,导致表格很难看. 问题关键: 插件弹出框dialog中的 table标签的style属性,等被覆盖,即使自定义也无法生效. 初步判断是样式的优先级问题. 解决办法:自定义table的样式,使得优先级最高. 解决思路: 1.自定义样式 2.样式优先级: a.尝试阅读源码,修改引入样式的先后顺序.但是无果.CKEDITOR是支持皮肤的,尝试过e…

Django实现的博客系统中使用富文本编辑器ckeditor

操作系统为OS X 10.9.2,Django为1.6.5. 1.下载和安装 1.1 安装 ckeditor 下载地址 https://github.com/shaunsephton/django-ckeditor ,下载后进入目录安装 django-ckeditor-master bamboo$ sudo python setup.py install 1.2 安装 Pillow django-ckeditor-master bamboo$ easy_install Pillow sudo A…

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': {…

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…

CKEditor使用配置方法

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

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

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

CKEditor的使用方法

CKEditor的使用方法 2014-03-31 09:44 8649人阅读评论(1) 收藏举报版权声明:本文为博主原创文章,未经博主允许不得转载. ckeditor 的官方网站是 http://ckeditor.com/ 一.使用方法: 1.在页面<head>中引入ckeditor核心文件ckeditor.js <script type="text/javascript" src="ckeditor/ckeditor.js"><…

struts2整合CKEditor和CKFinder实现上传

上一篇文章给大家分享了CKEditor+CKFinder+JSP实现了在线编辑器上传图片的功能,这里在给大家分享一下如何在前面的基础上在struts2下实现这样的功能. 实现与Struts2的整合,整合的过程确实easy.不过实现之后,图片上传不上去,上传之后显示“文件不存在”,然后在网上找了一些资料,经过总结最终实现了这个功能.此问题的原因就是struts2的拦截器,在web.xml中,可以清楚的看到: <filter-mapping> <filter-name>struts2&…

ruby -- 进阶学习（十三）解说ckeditor在production环境下如何完整显示

将ROR项目从development环境改为production环境时,运行rake assets:precompile后, ckeditor的界面就无法完整显示?! @_@?? 出现 ActionController::RoutingError (No route matches [GET] "/assets/ckeditor/config.js") solution :creating a rake task that couples with "assets:preco…

ckeditor的详细配置

CKEditor 3 JavaScript API Documentation : http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.htm 一.使用方法: 1.在页面<head>中引入ckeditor核心文件ckeditor.js <script type="text/javas cript" src="ckeditor/ckeditor.js"></scrip…

CKEDITOR使用与配置

安装: 下载CKEDITOR的文件,解压后复制到工程的WEBROOT目录下就OK! 引用CKEDITOR的JS文件: 新建JSP页面,添加其JS文件<script type="text/javascript" src="ckeditor/ckeditor.js"></script> 注意:1.src的路径. 2.不要写成<script type="text/javascript" src="ckeditor…

CKeditor的简单使用

由于项目中要使用ckeditor 做个推荐功能,由于值设定到文本内容,就选择最基本的使用. 使用的版本为当前最新版本4.4.7,你需要下载两部分,一个是前台使用,一个是后台使用, 你可以到我的网盘中下载,下载地址为:ckeditor_4.4.7_basic.ckeditor-java-core-3.5.3. 你也可以选择到官网下载最新版本,地址为:http://ckeditor.com/download. 1.把ckeditor的basic解压后文件放到工程中,在你的jsp页面中引入ckedit…

Ckeditor 的加载顺序

我们的只用在文件里面引用一个CKEditor的js文件--CKEditor目录下的ckeditor.js文件, 该文件会完成后续的所有的CKEidtor依赖的js文件的加载. 所依赖的js文件加载顺序如下 <script src="/Scripts/CKEditor/CKEditor.js"></script> <script src="http://localhost:9673/Scripts/CKEditor/core/loader.js&q…

CKeditor 配置使用

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

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

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

网络编辑器插件ckeditor+ckfinder配置

原帖地址另外一个去掉编辑器的下边栏在config.js中加入: config.removePlugins = 'elementspath'; config.resize_enabled = false; 就ok了 ckeditor+ckfinder配置用法一.使用方法: 1.在页面<head>中引入ckeditor核心文件ckeditor.js <script type="text/javascript" src="ckeditor/…

ckeditor的配置及使用

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

ckeditor

去掉编辑器的下边栏在config.js中加入: config.removePlugins = 'elementspath'; config.resize_enabled = false; 就ok了其他配置一.使用方法: 1.在页面<head>中引入ckeditor核心文件ckeditor.js <script type="text/javascript" src="ckeditor/ckeditor.js"></script>…

富文本编辑器ckeditor继承

新建一个web项目ckfinder,导入lib包加入java包,编码格式UTF-8 在WebRoot下添加ckedtior以及ckfinder两个文件夹,将config.xml拷入WEB-INF中修改config.xml配置文件再修改config.js文件,文件路径指向WebRooT下的ckfinder,并可以修改工具栏显示等. web.xml中配置servlet  <servlet> <serv…

用CKEDITOR 做自助上传的解决方案2

1,在plugins下新建文件夹 multiimg 2,创建文件plugin.js (function() { CKEDITOR.plugins.add("multiimg", { requires: ["dialog"], init: function(a) { a.addCommand("multiimg", new CKEDITOR.dialogCommand("multiimg")); a.ui.addButton(&…

Django中添加富文本编辑器

使用的是CKeditor这个模块 1.安装: pip install django-ckeditor 2.将ckeditor注册到settings.py文件中, 并添加ckeditor的url到你项目的urls.py文件中 INSTALLED_APPS = [ ... 'ckeditor' ]urlpatterns = [ ... url(r'^ckeditor/', include('ckeditor_uploader.urls')),] 3.在models.py文件中使用ckeditor的富…

ckeditor自定义插件--一键给所有的图片添加链接

ckeditor自定义插件在网上查了查,感觉还是比较好用的,写了一个一键给编辑器中的所有图片添加链接. 在ckeditor目录下的plugins下建以插件为名的文件夹,在里边建plugin.js文件,再建立一个dialogs文件夹,里边建一个插件名.js文件.我的插件名为alink,目录结构: images文件夹里边放按钮图标,当然也可以不要用文字显示. alink.js: (function() { CKEDITOR.dialog.add("alink", function(a) {…

富文本编辑器 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富文本编辑器

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

ckeditor使用说明

2015-08-17 15:42热心网友最快回答一.使用方法:1.在页面<head>中引入ckeditor核心文件ckeditor.js<script type="text/javascript" src="ckeditor/ckeditor.js"></script> 2.在使用编辑器的地方插入HTML控件<textarea><textarea id="TextArea1" cols=…

【.net中怎么使用CKEditor】的更多相关文章