CuteEditor学习总结技巧

CuteEditor for ASP.NET中文版是建立在Html基础之上，最简单易用、功能最强大的所见即所得Asp.net在线编辑器.
CuteEditor可以帮助Asp.net开发者轻松的对原来文本框(Textarea)中的内容(包括文字、图片等Html内容)进行编辑，更重要得是这些内容编辑的实现是所见即所得方式。CuteEditor还集成了文件(包括图片、文档等)上传、媒体(包括视频、声音等)文件直接插入等对你来说非常实用的功能模块。
本文就主要以下三个方面谈谈CuteEditor在.net的使用:
●CuteEditor的基本使用;
●CuteEditor怎样添加一个自定义按钮并实现其功能.
●CuteEditor中怎样实现高亮代码显示功能.(vb.net和C#)
一、首先说说CuteEditor的基本使用:
1.下载必须的dll文件并添加引用到项目中去(点击此处下载).包括:
CuteEditor.dll
CuteEditor.lic(解密文件)
CuteEditor.ImageEditor.dll(5.0增加德EditorImage功能)
CuteEditor.SpellChecker.dll(拼写检查功能)
2.CuteSoft_Client(包括css) 点击此处下载
这是一个.net使用CuteEditor必须使用的文件夹，也是CuteEditor.dll所依赖的资源.可以在页面上为CuteEditor控件指定FIlesPath,如:FilesPath=”/admin/CuteSoft_Client/CuteEditor/”，也可以默认（根目录）并为CuteEditor设置指定的样式.如:EditorWysiwygModeCss=”/admin/CuteSoft_Cient/CuteEditor/themes/example.css”
3.Uploads文件夹
这个文件夹是用来为用户通过CuteEditor编辑器上传文件的路径，图片，Flash的文件夹(必须要有访问权限).
4.引用
右击控件工具栏把CuteEditor.dll转换成控件并添加到页面上.综上代码如下:

<%@Register Assembly=”CuteEditor” Namespace=”CuteEditor” TagPrefix=”CE”%>

<CE:Editor ID=”Editor1” runat=”server” FilesPath=”/admin/CuteSoft_Client/CuteEditor/”EditorWysiwygModeCss=”/admin/CuteSoft_Client/CuteEditor/themes/example.css” ThemeType=”Office2003_BlueTheme”></CE:Editor>

另：
1.可修改CuteSoft_Client"CuteEditor"Configuration"AutoConfigure文件夹下的文件，改变CuteEditor工具栏按钮的显示或排列.
2.可修改 CuteSoft_Client"CuteEditor"Configuration"Shared"Common.config来添加字体.
3.可修改 CuteSoft_Client"CuteEditor"Configruation"Security文件夹下的文件,改变CuteEditor属性的设定

<? xml version="1.0" encoding="utf-8" ?>

< configuration >

//是否限制上传图象尺寸

< security name ="RestrictUploadedImageDimension" > true </ security >

//如果上传的文件已经存在，是否将其覆盖

< security name ="AutoResizeUploadedImages" > true </ security >

//是否自动调整上传图象

< security name ="AutoResizeUploadImages" > true </ security >

//上传图象的最大宽度

< security name ="MaxImageWidth" > 2048 </ security >

//上传图象的最小宽度

< security name ="MaxImageHeight" > 768 </ security >

//上传图象文件的最大值

< security name ="MaxImageSize" > 100 </ security >

//上传媒体文件的最大值

< security name ="MaxMediaSize" > 100 </ security >

//上传Flash文件的最大值

< security name ="MaxFlashSize" > 100 </ security >

//文档最大值

< security name ="MaxDocumentSize" > 30000 </ security >

//模板最大值

< security name ="MaxTemplateSize" > 100 </ security >

//图象文件上传路径

< security name ="ImageGalleryPath" > ~/uploads </ security >

//媒体文件上传路径

< security name ="MediaGalleryPath" > ~/uploads </ security >

//Flash文件上传路径

< security name ="FlashGalleryPath" > ~/uploads </ security >

//模板路径

< security name ="TemplateGalleryPath" > ~/templates </ security >

//文件库路径

< security name ="FilesGalleryPath" > ~/uploads </ security >

//最小宽度

< security name ="ThumbnailWidth" > 80 </ security >

//最小高度

< security name ="ThumbnailHeight" > 80 </ security >

//最小列数

< security name ="ThumbnailColumns" > 5 </ security >

//最小行数

< security name ="ThumbnailRows" > 3 </ security >

//是否允许上传

< security name ="AllowUpload" > true </ security >

//是否允许修改

< security name ="AllowModify" > true </ security >

//是否允许重命名

< security name ="AllowRename" > true </ security >

//是否允许删除

< security name ="AllowDelete" > true </ security >

//是否允许复制

< security name ="AllowCopy" > true </ security >

//是否允许移动

< security name ="AllowMove" > true </ security >

//是否允许创建文件夹

< security name ="AllowCreateFolder" > true </ security >

//是否允许删除文件夹

< security name ="AllowDeleteFolder" > true </ security >

//这里过滤(设置)图像文件格式

< security name ="ImageFilters" >

< item > .jpg </ item >

< item > .jpeg </ item >

< item > .gif </ item >

< item > .png </ item >

</ security >

//这里过滤(设置)媒体文件格式

< security name ="MediaFilters" >

< item > .avi </ item >

< item > .mpg </ item >

< item > .mpeg </ item >

< item > .mp3 </ item >

</ security >

//这里过滤(设置)文档文件格式

< sec <item > .txt </ item >

< item > .doc </ item >

< item > .pdf </ item >

< item > .zip </ item >

< item > .rar </ item >

< item > .avi </ item >

< item > .mpg </ item >

< item > .mpeg </ item >

< item > .swf </ item >

< item > .jpg </ item >

< item > .jpeg </ item >

< item > .gif </ item >

< item > .png </ item >

< item > .htm </ item >

</ security >

</ configuration >

5.为了你能检查拼写错误,需要在web.config中添加
<add key=”DictionaryFolder” value=”bin”/>
这样的话CuteEditor的简单功能就实现了，运行后即可看到编辑器的出现。
二、怎样在CuteEditor编辑器中添加自定义的按钮并实现其功能。
这里我就主要实现给CuteEditor增加一个按钮和打开选择QQ表情的对话框作为案例：
QQ表情的素材文件:qqEmotion下载:点击此处下载
CuteEditor.aspx代码

<% @ Page Language="C#" AutoEventWireup="false" CodeFile="CuteEditor.aspx.cs" Inherits="_CuteEditor" %>

<% @ Register Assembly="CuteEditor" Namespace="CuteEditor" TagPrefix="CE" %>

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html xmlns ="http://www.w3.org/1999/xhtml" >

< head runat ="server" >

< title > 给CuteEditor增加一个选择QQ表情的对话框 </ title >

< script language ="JavaScript" type ="text/javascript" >

function ShowqqEmotion(button)

{

var editor=GetEditor(button);

var newwin=window.showModalDialog("qqEmotion.aspx",editor,"dialogWidth:260px;dialogHeight:250px;");

PasteHtmlCommand(newwin,editor);

}

function GetEditor(button)

{

return CuteEditor_GetEditor(button);

}

function PasteHtmlCommand(content,Editor)

{

if(content!=null)

{

Editor.ExecCommand("PasteHTML",true,content);

}

</ script >

</ head >

< body >

< form id ="form1" runat ="server" >

< div >

< CE:Editor ID ="Editor1" runat ="server" >

</ CE:Editor >

</ div >

</ form >

</ body >

</ html >

在CuteEditor.aspx.cs中:

protected void Page_Load( object sender, EventArgs e)

{

//set the location of qqEmotion

int pos = this.Editor1.ToolControls.IndexOf("InsertEmotion") + 1;

//qq.gif的路径在CuteEditorTest\CuteSoft_Client\CuteEditor\Themes所对应的样式下(该图片存在就会在CuteEditor添加的按钮中显示出来，否则不能出现图片)

WebControl ctrl = this.Editor1.CreateCommandButton("qqEmotion", "qq.gif", "插入QQ表情");

ctrl.Attributes.Add("onclick", "ShowqqEmotion(this)");

//add the button to the Editor

this.Editor1.InsertToolControl(pos, "btnqqEmotion", ctrl);

}

下面看看 qqEmotion.aspx 的实现

<% @ Page Language="C#" AutoEventWireup="true" Codebehind="qqEmotion.aspx.cs" Inherits="CuteEditorTest.qqEmotion" %>

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html xmlns ="http://www.w3.org/1999/xhtml" >

< head runat ="server" >

< title > Untitled Page </ title >

< script type ="text/javascript" language ="javascript" >

//Set QQFace

function SetQQFace(face)

{

window.returnValue=face;//return the choose face

window.close();//close current window

}

</ script >

</ head >

< body >

< form id ="form1" runat ="server" >

< div >

< table id ="qqEmotionTable" border ="0" >

< tbody >

< tr >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/01.gif\'/>')" >

< img src ="qqEmotion/01.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/02.gif\'/>')" >

< img src ="qqEmotion/02.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/03.gif\'/>')" >

< img src ="qqEmotion/03.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/04.gif\'/>')" >

< img src ="qqEmotion/04.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/05.gif\'/>')" >

< img src ="qqEmotion/05.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/06.gif\'/>')" >

< img src ="qqEmotion/06.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/07.gif\'/>')" >

< img src ="qqEmotion/07.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/08.gif\'/>')" >

< img src ="qqEmotion/08.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/09.gif\'/>')" >

< img src ="qqEmotion/09.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/10.gif\'/>')" >

< img src ="qqEmotion/10.gif" ></ div >

</ td >

</ tr >

< tr >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/11.gif\'/>')" >

< img src ="qqEmotion/11.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/12.gif\'/>')" >

< img src ="qqEmotion/12.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/13.gif\'/>')" >

< img src ="qqEmotion/13.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/14.gif\'/>')" >

< img src ="qqEmotion/14.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/15.gif\'/>')" >

< img src ="qqEmotion/15.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/16.gif\'/>')" >

< img src ="qqEmotion/16.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/17.gif\'/>')" >

< img src ="qqEmotion/17.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/18.gif\'/>')" >

< img src ="qqEmotion/18.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/19.gif\'/>')" >

< img src ="qqEmotion/19.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/20.gif\'/>')" >

< img src ="qqEmotion/20.gif" ></ div >

</ td >

</ tr >

< tr >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/21.gif\'/>')" >

< img src ="qqEmotion/21.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/22.gif\'/>')" >

< img src ="qqEmotion/22.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/23.gif\'/>')" >

< img src ="qqEmotion/23.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/24.gif\'/>')" >

< img src ="qqEmotion/24.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/25.gif\'/>')" >

< img src ="qqEmotion/25.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/26.gif\'/>')" >

< img src ="qqEmotion/26.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/27.gif\'/>')" >

< img src ="qqEmotion/27.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/28.gif\'/>')" >

< img src ="qqEmotion/28.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/29.gif\'/>')" >

< img src ="qqEmotion/29.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/30.gif\'/>')" >

< img src ="qqEmotion/30.gif" ></ div >

</ td >

</ tr >

< tr >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/31.gif\'/>')" >

< img src ="qqEmotion/31.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/32.gif\'/>')" >

< img src ="qqEmotion/32.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/33.gif\'/>')" >

< img src ="qqEmotion/33.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/34.gif\'/>')" >

< img src ="qqEmotion/34.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/35.gif\'/>')" >

< img src ="qqEmotion/35.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/36.gif\'/>')" >

< img src ="qqEmotion/36.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/37.gif\'/>')" >

< img src ="qqEmotion/37.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/38.gif\'/>')" >

< img src ="qqEmotion/38.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/39.gif\'/>')" >

< img src ="qqEmotion/39.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/40.gif\'/>')" >

< img src ="qqEmotion/40.gif" ></ div >

</ td >

</ tr >

< tr >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/41.gif\'/>')" >

< img src ="qqEmotion/41.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/42.gif\'/>')" >

< img src ="qqEmotion/42.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/43.gif\'/>')" >

< img src ="qqEmotion/43.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/44.gif\'/>')" >

< img src ="qqEmotion/44.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/45.gif\'/>')" >

< img src ="qqEmotion/45.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/46.gif\'/>')" >

< img src ="qqEmotion/46.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/47.gif\'/>')" >

< img src ="qqEmotion/47.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/48.gif\'/>')" >

< img src ="qqEmotion/48.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/49.gif\'/>')" >

< img src ="qqEmotion/49.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/angry.gif\'/>')" >

< img src ="qqEmotion/angry.gif" ></ div >

</ td >

</ tr >

< tr >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/bb.gif\'/>')" >

< img src ="qqEmotion/bb.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/blink.gif\'/>')" >

< img src ="qqEmotion/blink.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/cake.gif\'/>')" >

< img src ="qqEmotion/cake.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/chris.gif\'/>')" >

< img src ="qqEmotion/chris.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/cold.gif\'/>')" >

< img src ="qqEmotion/cold.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/cool.gif\'/>')" >

< img src ="qqEmotion/cool.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/geek.gif\'/>')" >

< img src ="qqEmotion/geek.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/god.gif\'/>')" >

< img src ="qqEmotion/god.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/icon10.gif\'/>')" >

< img src ="qqEmotion/icon10.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/icon11.gif\'/>')" >

< img src ="qqEmotion/icon11.gif" ></ div >

</ td >

</ tr >

< tr >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/icon12.gif\'/>')" >

< img src ="qqEmotion/icon12.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/icon14.gif\'/>')" >

< img src ="qqEmotion/icon14.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/icon15.gif\'/>')" >

< img src ="qqEmotion/icon15.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/icon16.gif\'/>')" >

< img src ="qqEmotion/icon16.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/icon17.gif\'/>')" >

< img src ="qqEmotion/icon17.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/icon18.gif\'/>')" >

< img src ="qqEmotion/icon18.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/icon19.gif\'/>')" >

< img src ="qqEmotion/icon19.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/icon20.gif\'/>')" >

< img src ="qqEmotion/icon20.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/knife.gif\'/>')" >

< img src ="qqEmotion/knife.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/laf.gif\'/>')" >

< img src ="qqEmotion/laf.gif" ></ div >

</ td >

</ tr >

< tr >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/lol.gif\'/>')" >

< img src ="qqEmotion/lol.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/lucky.gif\'/>')" >

< img src ="qqEmotion/lucky.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/mad.gif\'/>')" >

< img src ="qqEmotion/mad.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/noidea.gif\'/>')" >

< img src ="qqEmotion/noidea.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/nugget.gif\'/>')" >

< img src ="qqEmotion/nugget.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/sad.gif\'/>')" >

< img src ="qqEmotion/sad.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/shifty.gif\'/>')" >

< img src ="qqEmotion/shifty.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/shocked.gif\'/>')" >

< img src ="qqEmotion/shocked.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/silence.gif\'/>')" >

< img src ="qqEmotion/silence.gif" ></ div >

</ td >

< td >

< div onclick ="SetQQFace('<img src=\'<%=AbsolutionPath%>qqEmotion/smile.gif\'/>')" >

< img src ="qqEmotion/smile.gif" ></ div >

</ td >

</ tr >

</ tbody >

</ table >

</ div >

</ form >

</ body >

</ html >

qqEmotion.aspx.cs的实现:

using System;

using System.Data;

using System.Configuration;

using System.Collections;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

namespace CuteEditorTest

{

public partial class qqEmotion : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

//Set Property of AbsolutionPath

public string AbsolutionPath

{

get

{

if (ViewState["path"] != null)

{

return ViewState["Path"].ToString();

}

ViewState["Path"] = GetCurrentAbsolutionPath();

return ViewState["Path"].ToString();

}

//Get AbsolutionPath of current site

public string GetCurrentAbsolutionPath()

{

string port = Request.ServerVariables["SERVER_PORT"];

if (port == null || port == "80" || port == "443")

{

port = "";

}

else

{

port = ":" + port;

}

string protocol = Request.ServerVariables["SERVER_PORT_SECURE"];

if (protocol == null || protocol == "0")

{

protocol = "http://";

}

else

{

protocol = "https://";

}

return protocol + Request.ServerVariables["SERVER_NAME"] + port + "/";

}

到这里就已经实现了当点击CuteEditor中的qq.gif图片时就能弹出选择QQ表情的的对话框，并且当选择其中的一个QQ表情时会把当前选择的表情的路径返回给CuteEditor编辑器中

三、下面最后一个问题就是如果在CuteEditor添加高亮的代码显示功能

CuteEditor增加高亮代码显示功能，就需要使用CodeHighlighte，您可以到http://www.codehighlighter.com下载最新版，由于这个问题的vb.net和C#写法有些不一样，这里我分别用这两种语言来实现这个功能：

VBNet的实现

1. 首先还在在CuteEditor按钮上添加按钮且用javascript来实现弹出对话框来使用CodeHighlighte控件.(同上)

<% @ Page Language="vb" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="vbCuteEditor._Default" %>

<% @ Register TagPrefix="CE" Assembly="CuteEditor" Namespace="CuteEditor" %>

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html xmlns ="http://www.w3.org/1999/xhtml" >

< head runat ="server" >

< title > Untitled Page </ title >

< script language ="JavaScript" type ="text/javascript" >

function ShowMyDialog(button)

{

//use CuteEditor_GetEditor(elementinsidetheEditor) to get the cute editor instance

var editor=CuteEditor_GetEditor(button);

//show the dialog page , and pass the editor as newwin.dialogArguments

Var newwin=showModelessDialog("insertCode.aspx“,editor,"dialogWidth:600px;dialogHeight:430px");

}

</script>

</head>

<body>

<div>

<CE:Editor ID="Editor1" runat="server" Width="100%" Height="100%" EnableStripScriptTags="False">

<FrameStyle BackColor="White" BorderColor="#DDDDDD" BorderStyle="Solid" BorderWidth="1px"

CssClass="CuteEditorFrame" Height="100%" Width="100%" />

</CE:Editor>

</div>

</form>

</body>

</html>

在CuteEditor.aspx.vb的Page_Load事件下增加代码

Partial Public Class _Default

Inherits System.Web.UI.Page

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

Dim pos As Integer

pos = Editor1.ToolControls.IndexOf("Italic") + 20

'图片位置（Themes/%ThemeName%/Images/csharp.gif）

Dim ctrl As System.Web.UI.WebControls.WebControl

ctrl = Editor1.CreateCommandButton("MyButton", "csharp.gif", "插入代码")

ctrl.Attributes("onclick") = "ShowMyDialog(this)"

'把按钮加入编辑器中

Editor1.InsertToolControl(pos, "MyButton", ctrl)

End Sub

End Class

工具栏中多了一个按钮，接下来把codehighlighter的dll包括三个dll文件:点击此处下载
ActiproSoftware.CodeHighlighter.Net20.dll和ActiproSoftware.Shared.Net20.dll和CodeHighlighterTest.dll

按刚才的方法copy到bin目录下，再把Languages(点击此处下载)目录拷贝到应用程序根目录下，这里还要对web.config进行配置一下，在<configuration>的<configSections>下增加一句：

< section name ="codeHighlighter" type ="ActiproSoftware.CodeHighlighter.CodeHighlighterConfigurationSectionHandler, ActiproSoftware.CodeHighlighter.Net20" />

在<configuration>和</configuration>间加

< codeHighlighter >

< cache languageTimeout ="3" />

< keywordLinking enabled ="true" target ="_blank" defaultKeywordCollectionKey ="ActiproKeywords" >

< keywordCollection key ="ActiproKeywords" >

< explicitKeyword tokenKey ="IdentifierToken" patternValue ="Actipro" url ="http://www.actiprosoftware.com" caseSensitive ="false" />

< explicitKeyword tokenKey ="IdentifierToken" patternValue ="CodeHighlighter" url ="http://www.codehighlighter.com" caseSensitive ="false" />

</ keywordCollection >

</ keywordLinking >

< languages >

< language key ="Assembly" definitionPath ="~/Languages/Lexers/ActiproSoftware.Assembly.xml" />

< language key ="BatchFile" definitionPath ="~/Languages/Lexers/ActiproSoftware.BatchFile.xml" />

< language key ="C#" definitionPath ="~/Languages/Lexers/ActiproSoftware.CSharp.xml" />

< language key ="CSS" definitionPath ="~/Languages/Lexers/ActiproSoftware.CSS.xml" />

< language key ="HTML" definitionPath ="~/Languages/Lexers/ActiproSoftware.HTML.xml" />

< language key ="INIFile" definitionPath ="~/Languages/Lexers/ActiproSoftware.INIFile.xml" />

< language key ="Java" definitionPath ="~/Languages/Lexers/ActiproSoftware.Java.xml" />

< language key ="JScript" definitionPath ="~/Languages/Lexers/ActiproSoftware.JScript.xml" />

< language key ="Lua" definitionPath ="~/Languages/Lexers/ActiproSoftware.Lua.xml" />

< language key ="MSIL" definitionPath ="~/Languages/Lexers/ActiproSoftware.MSIL.xml" />

< language key ="Pascal" definitionPath ="~/Languages/Lexers/ActiproSoftware.Pascal.xml" />

< language key ="Perl" definitionPath ="~/Languages/Lexers/ActiproSoftware.Perl.xml" />

< language key ="PHP" definitionPath ="~/Languages/Lexers/ActiproSoftware.PHP.xml" />

< language key ="PowerShell" definitionPath ="~/Languages/Lexers/ActiproSoftware.PowerShell.xml" />

< language key ="Python" definitionPath ="~/Languages/Lexers/ActiproSoftware.Python.xml" />

< language key ="SQL" definitionPath ="~/Languages/Lexers/ActiproSoftware.SQL.xml" />

< language key ="VB.NET" definitionPath ="~/Languages/Lexers/ActiproSoftware.VBDotNet.xml" semanticParserType ="vbCuteEditor.SemanticVBDotNetParser, vbCuteEditor" />

< language key ="VBScript" definitionPath ="~/Languages/Lexers/ActiproSoftware.VBScript.xml" />

< language key ="XAML" definitionPath ="~/Languages/Lexers/ActiproSoftware.XAML.xml" />

< language key ="XML" definitionPath ="~/Languages/Lexers/ActiproSoftware.XML.xml" />

</ languages >

< lineNumberMargin foreColor ="Teal" paddingCharacter =" " visible ="true" />

< outlining enabled ="true" imagesPath ="~/Images/OutliningIndicators/" />

< spacesInTabs count ="4" />

</ codeHighlighter >

建立InsertCode.aspx文件（代码高亮处理）代码如下：

<% @ Page Language="vb" EnableEventValidation="false" ValidateRequest="false" AutoEventWireup="false" CodeBehind="InsertCode.aspx.vb" Inherits="vbCuteEditor.InsertCode" %>

<% @ Register TagPrefix="CH" Namespace="ActiproSoftware.CodeHighlighter" Assembly="ActiproSoftware.CodeHighlighter.Net20" %>

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html xmlns ="http://www.w3.org/1999/xhtml" >

< head runat ="server" >

< title > Untitled Page </ title >

<base target="_self" />//必须的代码

</ head >

< body >

< form id ="form1" runat ="server" >

< table class ="tb" cellspacing ="0" cellpadding ="3" border ="0" >

< tr >

< th align ="right" style ="WIDTH:80px" > 编程语言: </ th >

< td >< asp:DropDownList Runat ="server" ID ="LanguageDropDownList" /></ td >

</ tr >

< tr >

< th align ="right" > 选项: </ th >

< td >< asp:CheckBox Runat ="server" ID ="OutliningEnabledCheckBox" Checked ="True" Text ="允许代码折叠" />   < asp:CheckBox Runat ="server" ID ="LineNumberMarginVisibleCheckBox" Checked ="True" Text ="显示行号" /></ td >

</ tr >

< tr >

< th valign ="top" align ="right" > 代码: </ th >

< td >< asp:TextBox Runat ="server" ID ="CodeTextBox" TextMode ="MultiLine" Rows ="10" Columns ="80" CssClass ="code" /></ td >

</ tr >

< tr >

< td >   </ td >

< td >< asp:Button Runat ="server" ID ="HighlightButton" Text ="确定" OnClick ="HighlightButton_Click" />      < input onclick ="return window.close()" type ="button" value ="关闭" /></ td >

</ tr >

< tr >

< td ></ td >

< td >< pre >< CH:CODEHIGHLIGHTER id ="Codehighlighter1" runat ="server" OnPostRender ="CodeHighlighter_PostRender" ></ CH:CODEHIGHLIGHTER ></ pre ></ td >

</ tr >

</ table >

< div id ="ScriptOutPut" runat ="server" ></ div >

</ form >

</ body >

</ html >

InsertCode.aspx.vb代码：

Public Partial Class InsertCode

Inherits System.Web.UI.Page

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

Response.Expires = -1

If Not IsPostBack Then

Dim key As String

Dim config As ActiproSoftware.CodeHighlighter.CodeHighlighterConfiguration = CType(System.Configuration.ConfigurationManager.GetSection("codeHighlighter"), ActiproSoftware.CodeHighlighter.CodeHighlighterConfiguration)

For Each key In config.LanguageConfigs.Keys

LanguageDropDownList.Items.Add(key)

Next key

End If

End Sub

Protected Sub HighlightButton_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles HighlightButton.Click

'设置代码的语言

Codehighlighter1.LanguageKey = LanguageDropDownList.SelectedItem.Text

Codehighlighter1.OutliningEnabled = True

Codehighlighter1.Text = CodeTextBox.Text

'允许代码折叠

Codehighlighter1.OutliningEnabled = OutliningEnabledCheckBox.Checked

'显示行号

Codehighlighter1.LineNumberMarginVisible = LineNumberMarginVisibleCheckBox.Checked

End Sub

Public Sub CodeHighlighter_PostRender(ByVal sender As Object, ByVal e As System.EventArgs)

If IsPostBack Then

Dim html As String = Codehighlighter1.Output

html = html.Replace(vbCr & vbLf, "<br />")

Dim divstr As String = "<div style='BORDER-RIGHT: windowtext 0.5pt solid;PADDING-RIGHT: 5.4pt; BORDER-TOP: windowtext 0.5pt solid; PADDING-LEFT: 5.4pt; BACKGROUND: #e6e6e6; PADDING-BOTTOM: 4px;PADDING-TOP: 4px;BORDER-LEFT: windowtext 0.5pt solid;WIDTH: 98%; BORDER-BOTTOM: windowtext 0.5pt solid;word-break:break-all'>"

html = divstr & html & "</div>"

Dim sb As System.Text.StringBuilder = New System.Text.StringBuilder()

sb.Append("<")

sb.Append("script")

sb.Append(">")

sb.Append("var editor=window.dialogArguments;editor.ExecCommand('PasteHTML',false, '" & html.Replace("'", "\'") & "');window.close();")

sb.Append("<")

sb.Append("/")

sb.Append("script")

sb.Append(">")

ScriptOutPut.InnerHtml = sb.ToString()

End If

End Sub

End Class

C#的实现:
Vb.net和C#在insert.aspx页面的代码都是一样的，只是这个方法有点区别：（由于C#中单引号引起的原因）

protected void CodeHighlighter_PostRender( object sender, EventArgs e)

{

if (Page.IsPostBack)

{

string html = Codehighlighter1.Output;

html = html.Replace("\r\n", "<br />");

System.Text.StringBuilder htmlsb = new System.Text.StringBuilder(html);

htmlsb.Replace("\\", "\\\\");

htmlsb.Replace("'", "\\\'");

html = htmlsb.ToString();

string divstr = "<div style=\\'BORDER-RIGHT: windowtext 0.5pt solid;PADDING-RIGHT: 5.4pt; BORDER-TOP: windowtext 0.5pt solid; PADDING-LEFT: 5.4pt; BACKGROUND: #e6e6e6; PADDING-BOTTOM: 4px;PADDING-TOP: 4px;BORDER-LEFT: windowtext 0.5pt solid;WIDTH: 98%; BORDER-BOTTOM: windowtext 0.5pt solid;word-break:break-all\\'>";

html = divstr + html + "</div>";

System.Text.StringBuilder sb = new System.Text.StringBuilder();

sb.Append("<");

sb.Append("script");

sb.Append(">");

sb.Append("var editor=window.dialogArguments;editor.ExecCommand('PasteHTML',false,'" + html + "');window.close();");

sb.Append("<");

sb.Append("/");

sb.Append("script");

sb.Append(">");

ScriptOutPut.InnerHtml = sb.ToString();

}

引起这种情况不同的C#把'转换\'需要这样来:replace("'","\\\'")
本文是参考:http://www.yaosansi.com/blog/article.asp?id=971并加以修改并验证的。

付出最大努力，追求最高成就。

你可能感兴趣的:(editor)

Shell脚本中sed使用 jcrhl321 linux
目录一、sed编辑器1、sed概述2、sed的工作流程3、sed命令的常见格式4、sed命令常用操作二、sed常用命令使用1、sed打印2、sed删除3、sed替换4、sed插入与增加4、sed剪切粘贴与复制粘贴一、sed编辑器sed（StreamEDitor）是一个强大而简单的文本解析转换工具，可以读取文本，并根据指定的条件对文本内容进行编辑（删除、替换、添加、移动等），最后输出所有行或者仅输出
【C语言】- 自定义类型：结构体、枚举、联合 Cavalier_01 C语言
【C语言】：操作符（https://mp.csdn.net/editor/html/115218055）数据类型（https://mp.csdn.net/editor/html/115219664）自定义类型：结构体、枚举、联合（https://mp.csdn.net/editor/html/115373785）变量、常量（https://mp.csdn.net/editor/html/11523
[Unity 3d] VertexPaint （Mesh 顶点画手） - GitHub 雨落随风
一个Mesh顶点动画绘制工具。GitHub上的工程多如繁星，有些好的仓库，但凡不经意间错过了就很难找回，故稍作采撷，希望能帮助到有心人。简介：笔者今天推荐的仓库叫VertexPaint。-顶点画手ThispackageallowsyoutopaintinformationontotheverticesofameshintheUnityeditoraswellasmodifyanyattribute
UnrealEngine学习(03)：虚幻引擎术语依晴无旧 Unreal Engine 学习虚幻游戏引擎
1.项目虚幻引擎5项目（UnrealEngine5Project）中包含游戏的所有内容。项目中包含的大量文件夹都在磁盘上，例如Blueprints和Materials。你可以按照自己的意愿命名文件夹并将其整理到项目中。虚幻编辑器（UnrealEditor）中的内容浏览器（ContentBrowser）面板显示与磁盘上的Project文件夹相同的目录结构。每个项目都有与其关联的.uproject文件
Linux三剑客-sed krb___ linux 运维服务器
前言：sed是StreamEditor（字符流）的缩写，简称流编辑器。sed是操作、过滤和转换问吧内容的强大工具。sed是一次读取一行数据常用功能包括结合正则表达式对文件实现快速增删改查，其中查询的功能中最常用的两大功能是过滤（过滤指定字符串），取行（取出指定行）sed命令语法：sed[选项][sed内置命令字符][输入文件]选项参数解释-n取消默认sed的输出，常与sed内置命令p一起使用-i直
[已解决]Notepad++ 无法安装HexEditor 胡释薇编辑器
宿主版本:8.4.6插件版本:0.9.12正常在插件管理中无法安装成功.科学上网也不好用浑身难受...看了其他小伙伴的解决办法嗯.....并不好用!(可能和他们的版本不对应,未能适用)[当前版本的解决办法]插件>打开插件文件夹...在该目录下手动创建HexEditor的文件夹使用老版本的插件0.9.9解压丢进去打开宿主设置>导入>导入插件...选择刚刚导入的HexEditor.dll文件.导入后点
Linux如何使用sed命令进行文本替换 yang295242361 linux 运维服务器
在Linux中，sed（StreamEditor）是一个用于处理文本流的命令行工具，它非常适合用于执行基本的文本转换。sed可以读取输入的文本文件，根据指定的指令对文本进行处理，并将结果输出到标准输出设备。以下是如何使用sed命令进行文本替换的详细说明：1.基本语法sed命令的基本语法如下：sed's/regexp/replacement/flags'fileregexp：正则表达式，用于匹配要替
vue进阶——整合富文本编辑器wangEditor 秋书一叶 Vue vue.js javascript 前端 wangEditor 富文本
vue进阶——整合富文本编辑器wangEditor前言一、什么是wangEditor？二、安装wangEditor1.React2.Vue23.Vue34.CDN三、基本使用1.vue22.vue3四、文件上传问题1、前端重点在于editorConfig中fileName及server的配置2、后端重点在于返回类型及文件大小配置五、参考文献wangEditor文档wangEditor-next文档
vscode .vue文件格式化配置 yangdongnan 编辑器前端
{"files.autoSave":"afterDelay","editor.renderControlCharacters":true,"workbench.iconTheme":"material-icon-theme","window.zoomLevel":0,"[html]":{"editor.defaultFormatter":"HookyQR.beautify"},"[javascri
【C++】CLion配置cout打印语句快捷键全真王重阳 C++c++开发语言 clion cout 打印语句快捷键
点击菜单栏的File->Settings->Editor->LiveTemplates点击Define，选择C++。点击Apply和OK保存。当我们sout时，自动出现打印语句。
vscode常用插件安装边同学_abe0
ESlint：js代码检测工具CodeSpellChecker：检查代码拼写错误的插件，检查单词拼写规范typeid:错误typeId:正确Beautify：代码的格式风格在VSCode的配置文件里添加editor.formatOnSave:true即可实现保存时自动格式化Gitlens：git源代码管理插件git多人协作的时候，需要查看日志，能够在当前代码中查看到操作人vscode-filehe
java class .method_java Class Method类的使用 weixin_39620629 java class .method
packagesample;/**Tochangethistemplate,chooseTools|Templates*andopenthetemplateintheeditor.*/importjava.lang.reflect.Constructor;importjava.lang.reflect.InvocationTargetException;importjava.lang.reflec
Medium Editor Markdown扩展：无缝集成Markdown编辑功能毕艾琳
MediumEditorMarkdown扩展：无缝集成Markdown编辑功能medium-editor-markdown:pencil:AMediumEditorextensiontoaddmarkdownsupport.项目地址:https://gitcode.com/gh_mirrors/me/medium-editor-markdown1.项目介绍:pencil:MediumEditorM
探索Unity3D的新边界：Unity3D-Python-Editor 孔岱怀
探索Unity3D的新边界：Unity3D-Python-Editor1、项目介绍在游戏开发的世界中，Unity3D以其强大的功能和易用性赢得了开发者们的青睐。然而，当我们的开发需求变得越来越复杂时，内置的C#语言可能无法满足所有需求。Unity3D-Python-Editor是一个创新的开源项目，它将Python集成到Unity3D环境中，利用IronPython库提供了一个友好且高效的Pyth
ueditor抓取图片 bitter️ ueditor 前端 javascript 开发语言
在ueditor.all.js文件中修改catchremoteimage方法原来的：修改后：functioncatchremoteimage(imgs,callbacks){//创建一个请求varoReq=newXMLHttpRequest()//获取请求地址前缀，根据自身项目获取constbaseURL='http://uat.*********'//url为请求地址根路径+具体的请求接口oRe
Pycharm设置命令行/控制台自动换行吴少凡 pycharm ide python
一、设置命令行自动换行首先进入到Pycharm软件中，然后到File里面点开Settings：然后点开里面的Editor到General里面看到SoftWraps，勾选Softwrapthesefiles，关键的地方来了！！如果那个输入框里要加入*.py，这样你创建的python文件才可以实现自动换行：二、设置控制台自动换行同样在settings里面中Editor的General里面，这次要点击G
Python使用函数封装简易ATM（V2.0） _遥瑾_ python python
Python使用函数封装简易ATM（V1.0）https://mp.csdn.net/mp_blog/creation/editor/127511047该文章的代码是在V1.0的基础上进行升级，使得功能更加完善print('***********欢迎使用智汇ATM***********')print('1.注册2.登录3.查询余额4.存款5.转账6.取款7.退卡')#定义一个列表，存放用户注册信息
Unity安卓Gradle打包的一些报错 Comthr android unity
先是出现了个关于gradle工具的"android.enableR8=false"的错误,说是gradle在5.0以上就不支持对该参数的修改(改成true或其他也是报错),解决:直接找到对应编辑器下的,例：2021.3.26f1c1\Editor\Data\PlaybackEngines\AndroidPlayer\Tools\GradleTemplates下的gradleTemplate.pro
新手小白VUE整理(8)——EsLint,axios优化,拦截器,Proxy crazy程序猿丶新手小白初识vue vue.js 前端
VUE2.X1.Eslint1)作用约束程序猿的代码风格2)VSCode设置快捷搜索tabsize将缩减设置为2搜索format勾选"Editor:FormatOnSave"3)官网https://eslint.bootcss.com/docs/rules/4)工具安装EslintVSCode中settings.json添加配置项:"editor.codeActionsOnSave":{"sour
Toast-UI Vue Editor 教程芮舒淑
Toast-UIVueEditor教程toast-ui.vue-editorThisrepositoryisDEPRECATED!GOTOhttps://github.com/nhn/tui.editor/tree/master/apps/vue-editor项目地址:https://gitcode.com/gh_mirrors/to/toast-ui.vue-editor项目介绍Toast-UI
apkbuilder.java 362,发布apk出现问题Failed to build apk，有没有大佬帮忙看一下 weixin_39876145 apkbuilder.java 362
该楼层疑似违规已被系统折叠隐藏此楼查看此楼CommandInvokationFailure:Failedtobuildapk.H:/java\bin\java.exe-Xmx2048M-Dcom.android.sdkmanager.toolsdir="H:/andorid-sdk1\tools"-Dfile.encoding=UTF8-jar"G:\unity3d\Editor\Data\Pla
Java语言程序设计基础篇_编程练习题**17.21 (十六进制编辑器) 2301_78998594 第十七章-Java基础篇习题 java 编辑器开发语言学习前端
目录题目：**17.21(十六进制编辑器)代码示例结果展示题目：**17.21(十六进制编辑器)编写一个GUI应用程序，让用户在文本域输入一个文件名，然后按回车键，在文本域显示它的十六进制表达形式。用户也可以修改十六进制代码，然后将它回存到这个文件中，如图17-23b所示。代码示例编程练习题17_21HexEditor.javapackagechapter_17;importjava.io.Buf
python实战之去除视频水印&；字幕_python 去除视频水印 2401_83641634 程序员 python 音视频开发语言
importosimportsysimportcv2importnumpyfrommoviepyimporteditorVIDEO_PATH=‘video’OUTPUT_PATH=‘output’TEMP_VIDEO=‘temp.mp4’classWatermarkRemover():def__init__(self,threshold:int,kernel_size:int):self.thre
python解析can报文_解析.DBC文件, 读懂CAN通信矩阵，实现车内信号仿真闫小娇 python解析can报文
通常我们拿到某个ECU的通信矩阵数据库文件，.dbc后缀名的文件。直接使用CANdb++Editor打开，可以很直观的读懂信号矩阵的信息，例如下图：现在要把上图呈现的信号从.dbc文件中解析出来，供实现自动化仿真总线信号使用，比如使用python+支持can收发的硬件即可替代canoe实现信号仿真(性能上不够用，可满足功能测试所需)。一个标准CAN帧中包含的信息有，消息ID、报文发送周期、报文长度
vue+ckeditor5图片视频上传技术钱 ckeditor javascript vue.js ckeditor
1.安装ckeditor5提供三种方法安装npm、CDN和下载ZIP文件到项目中，这里就使用了npm安装具体看官网文档ckeditor5官网。安装命令npminstall@ckeditor/ckeditor5-build-decoupled-document--save卸载命令npmuninstall@ckeditor/ckeditor5-build-decoupled-document--sav
去除txt文件中的空行 rhythmcc python
'''Author:xudawuDate:2022-11-2120:08:41LastEditors:xudawuLastEditTime:2022-11-2120:34:26'''#文件名fileName_reader='text'#读取文件file_reader=open(fileName_reader+'.txt',mode='r',encoding='utf-8')#存入新文件file_s
Unity3D Editor 编辑器扩展功能详解 Clank的游戏栈编辑器
前言Unity3D编辑器扩展功能为开发者提供了一个强大的平台，允许他们自定义和增强Unity编辑器的功能，以满足特定的开发需求。通过编辑器扩展，开发者可以添加新的菜单项、自定义Inspector视图、在Scene视图中绘制辅助线、创建全新的编辑器窗口等。下面，我们将详细解析Unity3D编辑器扩展的技术要点，并给出具体的代码实现。对惹，这里有一个游戏开发交流小组，大家可以点击进来一起交流一下开发经
6 - Shell编程之sed与awk编辑器活老鬼 Shell脚本 linux 运维服务器
目录一、sed1.概述2.sed命令格式3.常用操作的语法演示3.1输出符合条件的文本3.2删除符合条件的文本3.3替换符合条件的文本3.4插入新行二、awk1.概述2.awk命令格式3.awk工作过程4.awk内置变量5.awk用法示例5.1按行输出文本5.2按字段输出文本一、sed1.概述sed是一个强大的文本处理工具，其名称是StreamEditor（流编辑器）的缩写。它被设计用于根据用户定
Computers & Security 投稿时间线记录梦魇大英雄笔记
1、2024年8月22日SubmittedtoJournal2、2024年8月22日WithEditor3、2024年8月25日UnderReview
在线 LaTeX 表格编辑器凉漠 Latex使用数据库
现成的工具可以可视化生成LaTeX表格代码LaTeXTablesEditor网址：LaTeXTablesEditor(latex-tables.com)其他在线LaTeX表格编辑器CreateLaTeXtablesonline–TablesGenerator.comLaTeXtablesgeneratoronline|6CMOnlineToolsTables-Overleaf,OnlineLaTe
[星球大战]阿纳金的背叛 comsci
本来杰迪圣殿的长老是不同意让阿纳金接受训练的......... 但是由于政治原因,长老会妥协了...这给邪恶的力量带来了机会所以......现代的地球联邦接受了这个教训...绝对不让某些年轻人进入学院
看懂它，你就可以任性的玩耍了！ aijuans JavaScript
javascript作为前端开发的标配技能，如果不掌握好它的三大特点：1.原型 2.作用域 3. 闭包 ,又怎么可以说你学好了这门语言呢？如果标配的技能都没有撑握好，怎么可以任性的玩耍呢？怎么验证自己学好了以上三个基本点呢，我找到一段不错的代码，稍加改动，如果能够读懂它，那么你就可以任性了。 function jClass(b
Java常用工具包 Jodd Kai_Ge java jodd
Jodd 是一个开源的 Java 工具集，包含一些实用的工具类和小型框架。简单，却很强大！写道 Jodd = Tools + IoC + MVC + DB + AOP + TX + JSON + HTML < 1.5 Mb Jodd 被分成众多模块，按需选择，其中工具类模块有： jodd-core &nb
SpringMvc下载 120153216 springMVC
@RequestMapping(value = WebUrlConstant.DOWNLOAD) public void download(HttpServletRequest request,HttpServletResponse response,String fileName) { OutputStream os = null; InputStream is = null;
Python 标准异常总结 2002wmj python
Python标准异常总结 AssertionError 断言语句（assert）失败 AttributeError 尝试访问未知的对象属性 EOFError 用户输入文件末尾标志EOF（Ctrl+d） FloatingPointError 浮点计算错误 GeneratorExit generator.close()方法被调用的时候 ImportError 导入模块失
SQL函数返回临时表结构的数据用于查询 357029540 SQL Server
这两天在做一个查询的SQL，这个SQL的一个条件是通过游标实现另外两张表查询出一个多条数据，这些数据都是INT类型，然后用IN条件进行查询，并且查询这两张表需要通过外部传入参数才能查询出所需数据，于是想到了用SQL函数返回值，并且也这样做了，由于是返回多条数据，所以把查询出来的INT类型值都拼接为了字符串，这时就遇到问题了，在查询SQL中因为条件是INT值，SQL函数的CAST和CONVERST都
java 时间格式化 | 比较大小| 时区个人笔记 7454103 java eclipse tomcat c MyEclipse
个人总结！不当之处多多包含！引用 1.0 如何设置 tomcat 的时区：位置：(catalina.bat---JAVA_OPTS 下面加上) set JAVA_OPT
时间获取Clander的用法 adminjun Clander 时间
/** * 得到几天前的时间 * @param d * @param day * @return */ public static Date getDateBefore(Date d,int day){ Calend
JVM初探与设置 aijuans java
JVM是Java Virtual Machine（Java虚拟机）的缩写，JVM是一种用于计算设备的规范，它是一个虚构出来的计算机，是通过在实际的计算机上仿真模拟各种计算机功能来实现的。Java虚拟机包括一套字节码指令集、一组寄存器、一个栈、一个垃圾回收堆和一个存储方法域。 JVM屏蔽了与具体操作系统平台相关的信息，使Java程序只需生成在Java虚拟机上运行的目标代码（字节码）,就可以在多种平台
SQL中ON和WHERE的区别 avords
SQL中ON和WHERE的区别数据库在通过连接两张或多张表来返回记录时，都会生成一张中间的临时表，然后再将这张临时表返回给用户。 www.2cto.com 在使用left jion时，on和where条件的区别如下： 1、 on条件是在生成临时表时使用的条件，它不管on中的条件是否为真，都会返回左边表中的记录。
说说自信 houxinyou 工作生活
自信的来源分为两种,一种是源于实力,一种源于头脑.实力是一个综合的评定,有自身的能力,能利用的资源等.比如我想去月亮上,要身体素质过硬,还要有飞船等等一系列的东西.这些都属于实力的一部分.而头脑不同,只要你头脑够简单就可以了!同样要上月亮上,你想,我一跳,1米,我多跳几下,跳个几年,应该就到了!什么?你说我会往下掉?你笨呀你!找个东西踩一下不就行了吗? 无论工作还
WEBLOGIC事务超时设置 bijian1013 weblogic jta 事务超时
系统中统计数据，由于调用统计过程，执行时间超过了weblogic设置的时间，提示如下错误：统计数据出错! 原因：The transaction is no longer active - status: 'Rolling Back. [Reason=weblogic.transaction.internal
两年已过去，再看该如何快速融入新团队 bingyingao java 互联网融入架构新团队
偶得的空闲，翻到了两年前的帖子该如何快速融入一个新团队，有所感触，就记下来，为下一个两年后的今天做参考。时隔两年半之后的今天，再来看当初的这个博客，别有一番滋味。而我已经于今年三月份离开了当初所在的团队，加入另外的一个项目组，2011年的这篇博客之后的时光，我很好的融入了那个团队，而直到现在和同事们关系都特别好。大家在短短一年半的时间离一起经历了一
【Spark七十七】Spark分析Nginx和Apache的access.log bit1129 apache
Spark分析Nginx和Apache的access.log，第一个问题是要对Nginx和Apache的access.log文件进行按行解析，按行解析就的方法是正则表达式： Nginx的access.log解析正则表达式 val PATTERN = """([^ ]*) ([^ ]*) ([^ ]*) (\\[.*\\]) (\&q
Erlang patch bookjovi erlang
Totally five patchs committed to erlang otp, just small patchs. IMO, erlang really is a interesting programming language, I really like its concurrency feature. but the functional programming style
log4j日志路径中加入日期 bro_feng java log4j
要用log4j使用记录日志，日志路径有每日的日期，文件大小5M新增文件。实现方式 log4j: <appender name="serviceLog" class="org.apache.log4j.RollingFileAppender"> <param name="Encoding" v
读《研磨设计模式》-代码笔记-桥接模式 bylijinnan java 设计模式
声明：本文只为方便我个人查阅和理解，详细的分析以及源代码请移步原作者的博客http://chjavach.iteye.com/ /** * 个人觉得关于桥接模式的例子，蜡笔和毛笔这个例子是最贴切的：http://www.cnblogs.com/zhenyulu/articles/67016.html * 笔和颜色是可分离的，蜡笔把两者耦合在一起了：一支蜡笔只有一种
windows7下SVN和Eclipse插件安装 chenyu19891124 eclipse插件
今天花了一天时间弄SVN和Eclipse插件的安装，今天弄好了。svn插件和Eclipse整合有两种方式，一种是直接下载插件包，二种是通过Eclipse在线更新。由于之前Eclipse版本和svn插件版本有差别，始终是没装上。最后在网上找到了适合的版本。所用的环境系统：windows7JDK：1.7svn插件包版本：1.8.16Eclipse：3.7.2工具下载地址：Eclipse下在地址：htt
[转帖]工作流引擎设计思路 comsci 设计模式工作应用服务器 workflow 企业应用
作为国内的同行，我非常希望在流程设计方面和大家交流，刚发现篇好文(那么好的文章，现在才发现，可惜)，关于流程设计的一些原理，个人觉得本文站得高，看得远，比俺的文章有深度，转载如下 ================================================================================= 自开博以来不断有朋友来探讨工作流引擎该如何
Linux 查看内存，CPU及硬盘大小的方法 daizj linux cpu 内存硬盘大小
一、查看CPU信息的命令 [root@R4 ~]# cat /proc/cpuinfo |grep "model name" && cat /proc/cpuinfo |grep "physical id" model name : Intel(R) Xeon(R) CPU X5450 @ 3.00GHz model name :
linux 踢出在线用户 dongwei_6688 linux
两个步骤： 1.用w命令找到要踢出的用户，比如下面： [root@localhost ~]# w 18:16:55 up 39 days, 8:27, 3 users, load average: 0.03, 0.03, 0.00 USER TTY FROM LOGIN@ IDLE JCPU PCPU WHAT
放手吧,就像不曾拥有过一样 dcj3sjt126com
内容提要：静悠悠编著的《放手吧就像不曾拥有过一样》集结“全球华语世界最舒缓心灵”的精华故事，触碰生命最深层次的感动，献给全世界亿万读者。《放手吧就像不曾拥有过一样》的作者衷心地祝愿每一位读者都给自己一个重新出发的理由，将那些令你痛苦的、扛起的、背负的，一并都放下吧！把憔悴的面容换做一种清淡的微笑，把沉重的步伐调节成春天五线谱上的音符，让自己踏着轻快的节奏，在人生的海面上悠然漂荡，享受宁静与
php二进制安全的含义 dcj3sjt126com PHP
PHP里，有string的概念。 string里，每个字符的大小为byte（与PHP相比，Java的每个字符为Character，是UTF8字符，C语言的每个字符可以在编译时选择）。 byte里，有ASCII代码的字符，例如ABC，123，abc，也有一些特殊字符，例如回车，退格之类的。特殊字符很多是不能显示的。或者说，他们的显示方式没有标准，例如编码65到哪儿都是字母A，编码97到哪儿都是字符
Linux下禁用T440s，X240的一体化触摸板(touchpad) gashero linux ThinkPad 触摸板
自打1月买了Thinkpad T440s就一直很火大，其中最让人恼火的莫过于触摸板。 Thinkpad的经典就包括用了小红点(TrackPoint)。但是小红点只能定位，还是需要鼠标的左右键的。但是自打T440s等开始启用了一体化触摸板，不再有实体的按键了。问题是要是好用也行。实际使用中，触摸板一堆问题，比如定位有抖动，以及按键时会有飘逸。这就导致了单击经常就
graph_dfs hcx2013 Graph
package edu.xidian.graph; class MyStack { private final int SIZE = 20; private int[] st; private int top; public MyStack() { st = new int[SIZE]; top = -1; } public void push(i
Spring4.1新特性——Spring核心部分及其他 jinnianshilongnian spring 4.1
目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
配置HiveServer2的安全策略之自定义用户名密码验证 liyonghui160com
具体从网上看 http://doc.mapr.com/display/MapR/Using+HiveServer2#UsingHiveServer2-ConfiguringCustomAuthentication LDAP Authentication using OpenLDAP Setting
一位30多的程序员生涯经验总结 pda158 编程工作生活咨询
1.客户在接触到产品之后，才会真正明白自己的需求。　　这是我在我的第一份工作上面学来的。只有当我们给客户展示产品的时候，他们才会意识到哪些是必须的。给出一个功能性原型设计远远比一张长长的文字表格要好。 2.只要有充足的时间，所有安全防御系统都将失败。　　安全防御现如今是全世界都在关注的大课题、大挑战。我们必须时时刻刻积极完善它，因为黑客只要有一次成功，就可以彻底打败你。 3.
分布式web服务架构的演变自由的奴隶 linux Web 应用服务器互联网
最开始，由于某些想法，于是在互联网上搭建了一个网站，这个时候甚至有可能主机都是租借的，但由于这篇文章我们只关注架构的演变历程，因此就假设这个时候已经是托管了一台主机，并且有一定的带宽了，这个时候由于网站具备了一定的特色，吸引了部分人访问，逐渐你发现系统的压力越来越高，响应速度越来越慢，而这个时候比较明显的是数据库和应用互相影响，应用出问题了，数据库也很容易出现问题，而数据库出问题的时候，应用也容易
初探Druid连接池之二——慢SQL日志记录 xingsan_zhang 日志连接池 druid 慢SQL
由于工作原因，这里先不说连接数据库部分的配置，后面会补上，直接进入慢SQL日志记录。 1.applicationContext.xml中增加如下配置： <bean abstract="true" id="mysql_database" class="com.alibaba.druid.pool.DruidDataSourc