当前位置: 首页 > 编程日记 > 正文

FCKeditor如何升级CKEditor及使用方法

之前编辑器用的是FCKeditor,因为项目原因需要升级为最新版本4.2.2,发现是已经更名为CKEditor。

百度了一下,据官方的解释,CK是对FCK的代码的完全重写。

项目环境是asp.net的,之前用的FCKeditor版本是2.6。

在aspx文件头需要引用FCK的名为FredCK.FCKeditorV2.dll文件。

<%@ Register Assembly="FredCK.FCKeditorV2" Namespace="FredCK.FCKeditorV2" TagPrefix="FCKeditorV2" %>

使用控件如下写法:

<FCKeditorV2:FCKeditor ID="fckContent" runat="server" Width="100%" BasePath="~/editor/" />

在.cs文件里要取得该控件值:fckContent.Value

升级为CKEditor后,有2种方法使用

第一种:去CKEditor官网找到下载CKEditor  for ASP.NET ,目前版本是3.6.4。

解压压缩包,找到CKEditor.NET.dll,放到项目的bin目录下

aspx文件头引用写上:

<%@ Register Assembly="CKEditor.NET" Namespace="CKEditor.NET" TagPrefix="CKEditor" %>

使用控件:

<CKEditor:CKEditorControl runat ="server" ID="ckContent" BasePath="~/editor/"></CKEditor:CKEditorControl> 

.cs文件里取得该控件值:ckContent.Text

其中的BasePath是CKEditor的包文件所在目录。(本人亲测:包文件版本放的4.2.2也是可以使用的。)

第二种:aspx文件里head里直接引用js文件:

<script type="text/javascript" src="../ckeditor/ckeditor.js"></script>

body里写上如下即可(下面的script一定要在控件之下,放在head里不管用)

<asp:TextBox name="ckContent" id="ckContent" runat="server" TextMode="MultiLine" Width="300px" Height="60px" CssClass="input"/> <script type="text/javascript"> CKEDITOR.replace( 'ckContent');
</script>

升级全部完工。

另外附上项目中的如何在CKEditor里插入外部图片写法:

function OpenDialogPageForckEdit()
{var uri = '';var param = '';var oEditor = CKEDITOR.instances.ckContent;uri = 'V5Mall_Picture_Dailog.aspx?isfck=1&d=' + Date();if (navigator.appVersion.indexOf("MSIE") == -1){this.returnAction = function(strResult){if(strResult != null){oEditor.insertHtml(GetValue);}}param = 'alwaysRasied=yes,modal=yes,width=620,height=800,top=100,left=200,resizable=no,scrollbars=no';var GetValue=window.showModalDialog(uri, '_blank', param);oEditor.insertHtml("<img src='" + GetValue + "'>"); return;}else{         //param = 'dialogWidth:550px;dialogHeight:550px;';   param = 'alwaysRasied=yes,modal=yes,width=620,height=800,top=100,left=200,resizable=no,scrollbars=no';    var GetValue = window.showModalDialog(uri, '_blank', param);        if (GetValue != null){oEditor.InsertHtml("<img src='" + GetValue + "'>");            }}
}

转载于:https://www.cnblogs.com/mcho/p/3382875.html

相关文章:

【新周报(045)】青少年编程竞赛交流群周报

「青少年编程竞赛交流群」已成立&#xff08;适合6至18周岁的青少年&#xff09;&#xff0c;公众号后台回复【Scratch】或【Python】&#xff0c;即可进入。如果加入了之前的社群不需要重复加入。 为了完成二月份青少年编程公益训练营的活动&#xff0c;本周整理了以往收集的电…

Xshell5中常用linux服务器命令集合

简易版&#xff1a;http://www.zhimengzhe.com/linux/84546.html 详细版&#xff1a;http://www.cnblogs.com/peida/tag/%E6%AF%8F%E6%97%A5%E4%B8%80linux%E5%91%BD%E4%BB%A4/default.html?page4转载于:https://www.cnblogs.com/keye/p/8982440.html

C++设置每屏显示的行数简易办法

定义计数变量counter if ((counter) % 22 0) { //每屏显示22行 cout << "请按回车键继续";cin.get(); }效果

挖坑挖到cnblogs.com来...

这几年一直在cppblog.com上敲字, 因为开帖时满脑袋都是C, 所以选了它~ 懒懒散散竟然也敲了四年多, 真是难得的有毅力啊&#xff5e; 回头看看这一年越来越不务正业了,C越来越少, 到是当年看着不爽的Java越来越多~唉, 语言只是工具而已, 当年为何如此偏执~ 本来就想在cppblog.co…

vue项目踩坑

由于上一个小项目写的很次&#xff0c;这一次打算好好地写一个博客系统&#xff0c;最近刚刚结束了管理员的管理端的编写。其中遇到了很多小坑。 其实只能说自己vue用的不是特别熟练吧。很多问题都有些想当然了&#xff0c;实现起来发现了很多的问题。简单的记录几个我自己认为…

【NCEPU】王子朝:神经网络、支持向量机原理

王子朝 是华北电力大学计算机系大四的学生&#xff0c;LSGO软件技术团队&#xff08;Dreamtech算法组&#xff09;成员&#xff0c;参加了多期Datawhale的组队学习活动&#xff0c;现保送西安电子科技大学深造。 希望参与我们线下组队学习的同学&#xff0c;可以在微信公众号后…

C++ 枚举类型基本知识

1.定义 enum <类型名> {<枚举常量表>};2.说明 关键字enum——指明其后的标识符是一个枚举类型的名字。 枚举常量表——由枚举常量构成。枚举常量只能以标识符形式表示&#xff0c;而不能是整型、字符型等文字常量。 非法定义&#xff1a; enum letter_set {a,d…

ES6常用语法

主要总结一些 ES6 常用的语法及知识点&#xff0c;其次就是总结一下在 ES6 使用过程需要注意的重点 常用语法 常量 // es5常量 var person {name: shi } Object.defineProperty(person, sex, {writable: false,value: man })// es6常量 const sex man; 复制代码多行字符串和模…

【NCEPU】吴丹飞:(CSAPP)计算机系统漫游

吴丹飞是华北电力大学数理系大三的学生&#xff0c;LSGO软件技术团队&#xff08;Dreamtech算法组&#xff09;成员&#xff0c;参加了多期Datawhale的组队学习&#xff0c;荣获多期优秀队长的称号。 希望参与我们线下组队学习的同学&#xff0c;可以在微信公众号后台回复 线下…

Python字符串类型及操作总结

1.字符串表示 两种类型四种表示 单行-一对单引号或一对双引号 “python” ‘python’ 多行-一对三单引号或一对三双引号 ‘’’python’’’ “””python””” (三单引号形成的是字符串&#xff0c;但也可以用作多行注释) 如果字符串中出现双引号&#xff0c;则两边要用单引…

python利用wx.grid网格显示数据

首先需要定义类似数据模板的类。 import wx.grid as gridclass MyDataTable(grid.PyGridTableBase):def __init__(self,data,colLabelsNone):grid.PyGridTableBase.__init__(self)self.colLabels colLabelsself.data datadef GetNumberRows(self):return len(self.data)def G…

Linux Test Project 测试套件说明

LTP&#xff08;Linux Test Project&#xff09; Linux Test Project 是由SGI、OSDL和Bull开发和维护的一个项目&#xff0c;由IBM、思科、富士通、SUSE、Red Hat、Oracle和其他公司共同开发和维护。该项目的目标是向开源社区提供测试用例&#xff0c;以验证Linux的可靠性、健壮…

Python time库的使用总结

1. 简介 time库是Python中处理时间的标准库 -计算机时间的表达 -提供获取系统时间并格式化输出功能 -提供系统级精确计时功能&#xff0c;用于程序性能分析 2. 用法 import time time.() 3. 函数 主要有三类&#xff1a; -时间获取&#xff1a;time() ctime() gmtime() -时…

Android静态变量的生命周期

Android是用Java开发&#xff0c;其静态变量的生命周期遵守Java的设计。我们知道静态变量是在类被load的时候分配内存的&#xff0c;并且存在于方法区。当类 被卸载的时候&#xff0c;静态变量被销毁。在PC机的客户端程序中&#xff0c;一个类被加载和卸载&#xff0c;可简单的…

Python3基础笔记---面向对象

只是对一些新的知识的记录 1、创建类 class ClassName:<statement-1>...<statement-N> 类实例化后&#xff0c;可以使用其属性&#xff0c;实际上&#xff0c;创建一个类之后&#xff0c;可以通过类名访问其属性。 __init__() 方法可以有参数 2、方法 &#xff08;…

【NCEPU】凌亮:Linux实践

凌亮是华北电力大学数理系大二的学生&#xff0c;LSGO软件技术团队&#xff08;Dreamtech算法组&#xff09;成员&#xff0c;参加了多期Datawhale的组队学习。 这篇图文是他在每周五晚参加线下组队学习活动时的分享。 希望参与我们线下组队学习的同学&#xff0c;可以在微信…

Python控制结构总结

-程序的控制结构共三种 顺序结构&#xff1a;程序按照线性顺序逐渐执行 分支结构&#xff1a;程序根据条件有选择的向程序运行方向执行 循环结构&#xff1a;程序根据一定条件在运行之后返回执行 一、分支结构 单分支结构 if <条件>&#xff1a;<语句块>类似&am…

MP实战系列(二)之集成swagger

其实与springspringmvcmybatis集成swagger没什么区别&#xff0c;只是之前写的太不好了&#xff0c;所以这次决定详细写。 提到swagger不得不提rest,rest是一种架构风格&#xff0c;里面有对不同的资源有不同的请求标识。例如PUT,POST,GET,DELETE&#xff0c;OPTIONS,HEAD,PATC…

Task04:青少年软件编程(Python)等级考试模拟卷(一级)

「青少年编程竞赛交流群」已成立&#xff08;适合6至18周岁的青少年&#xff09;&#xff0c;公众号后台回复【Scratch】或【Python】&#xff0c;即可进入。如果加入了之前的社群不需要重复加入。 电子学会 软件编程&#xff08;Python&#xff09;一级训练营 试题来源 青少…

Python 解决一行代码分成多行及多行代码放在一行

一行代码分成多行 使用 目的&#xff1a;当某一行代码较长&#xff0c;可以增强程序的可读性 for k in range(N):pi 1/pow(16,k)*(\4/(8*k1) - 2/(8*k4) - \1/(8*k5) - 1/(8*k6)) print("圆周率值是&#xff1a;{}".format(pi))多行代码放在一行 使用分号 目的:可…

Task05:青少年软件编程(Python)等级考试模拟卷(一级)

「青少年编程竞赛交流群」已成立&#xff08;适合6至18周岁的青少年&#xff09;&#xff0c;公众号后台回复【Scratch】或【Python】&#xff0c;即可进入。如果加入了之前的社群不需要重复加入。 电子学会 软件编程&#xff08;Python&#xff09;一级训练营 试题来源 青少…

控件的实际大小与呈现大小

实际大小&#xff1a; label_Mark.Width 100; label_Mark.Height100; 呈现大小&#xff1a; label_Mark.RenderSize new Size(50, 50);转载于:https://www.cnblogs.com/changbaishan/p/3406004.html

MXNet动手学深度学习笔记:卷积计算

为什么80%的码农都做不了架构师&#xff1f;>>> #coding:utf-8卷积计算import mxnet as mx from mxnet.gluon import nn from mxnet import ndarray as nd# 卷积层 # 输入输出的数据格式是&#xff1a; batch * channel * height * width # 权重格式&#xff1a;ou…

Python求100以内的素数和并输出

#求100以内的素数并输出 def isPrime(num):for i in range(2,num):if num%i 0:return Falsereturn True sum 2#1不是素数&#xff0c;2是素数#对[3,100)内的整数逐一进行判断 for i in range(3,100):if isPrime(i):sum iprint(sum)优化版&#xff1a; from math import sqr…

Android KTV

KTV声音实时回放 http://www.cnblogs.com/mythou/tag/android/ Android上用speex做回音消除 http://blog.csdn.net/fireworkburn/article/details/12781985 Android 平台语音通话及回音消除、噪音消除研究 http://blog.csdn.net/AudioAEC/article/details/12685921 Android 实时…

毛慧昀:决策树实现对鸢尾花数据集的分类

毛慧昀是华北电力大学计算机系大三的学生&#xff0c;LSGO软件技术团队&#xff08;Dreamtech算法组&#xff09;成员&#xff0c;参加了多期Datawhale的组队学习&#xff0c;荣获多期优秀队长的称号。 这篇图文是她在每周五晚参加线下组队学习活动时的分享。 希望参与我们线…

golang strings.Fields 使用

2019独角兽企业重金招聘Python工程师标准>>> s : "Hello 世\n界!\tHe\vl\flo!" ss : strings.Fields(s) 输出 ["Hello" "世" "界!" "He" "l" "lo!"] 分割规则是 var asciiSpace [256]uint8…

Python 用户的三次登录机会

描述 给用户三次输入用户名和密码的机会&#xff0c;要求如下&#xff1a;‪‬‪‬‪‬‪‬‪‬‮‬‫‬‪‬‪‬‪‬‪‬‪‬‪‬‮‬‭‬‪‬‪‬‪‬‪‬‪‬‪‬‮‬‪‬‪‬‪‬‪‬‪‬‪‬‪‬‮‬‫‬‭‬‪‬‪‬‪‬‪‬‪‬‮‬‫‬‮‬‪‬‪‬‪‬‪‬‪‬‮‬‪‬…

Realm_King 之 .NET操作XML完整类

using System;using System.Collections.Generic;using System.Linq;using System.Text;using System.Xml;using System.Web; namespace BLL{ public class XmlDoc { /// <summary> /// 创建Xml文件 /// </summary> /…

全网把Map中的hash()分析的最透彻的文章,别无二家。

你知道HashMap中hash方法的具体实现吗&#xff1f;你知道HashTable、ConcurrentHashMap中hash方法的实现以及原因吗&#xff1f;你知道为什么要这么实现吗&#xff1f;你知道为什么JDK 7和JDK 8中hash方法实现的不同以及区别吗&#xff1f;如果你不能很好的回答这些问题&#x…