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转换成控件并添加到页面上.综上代码如下:

Code

另：
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
HttpClient 4.3与4.3版本以下版本比较 spjich java httpclient
网上利用java发送http请求的代码很多，一搜一大把，有的利用的是java.net.*下的HttpURLConnection，有的用httpclient，而且发送的代码也分门别类。今天我们主要来说的是利用httpclient发送请求。 httpclient又可分为 httpclient3.x httpclient4.x到httpclient4.3以下 httpclient4.3
Essential Studio Enterprise Edition 2015 v1新功能体验 Axiba .net
概述：Essential Studio已全线升级至2015 v1版本了！新版本为JavaScript和ASP.NET MVC添加了新的文件资源管理器控件，还有其他一些控件功能升级，精彩不容错过，让我们一起来看看吧！ syncfusion公司是世界领先的Windows开发组件提供商，该公司正式对外发布Essential Studio Enterprise Edition 2015 v1版本。新版本
[宇宙与天文]微波背景辐射值与地球温度 comsci 背景
宇宙这个庞大,无边无际的空间是否存在某种确定的,变化的温度呢? 如果宇宙微波背景辐射值是表示宇宙空间温度的参数之一,那么测量这些数值,并观测周围的恒星能量输出值,我们是否获得地球的长期气候变化的情况呢? &nbs
lvs-server 男人50 server
#!/bin/bash # # LVS script for VS/DR # #./etc/rc.d/init.d/functions # VIP=10.10.6.252 RIP1=10.10.6.101 RIP2=10.10.6.13 PORT=80 case $1 in start) /sbin/ifconfig eth2:0 $VIP broadca
java的WebCollector爬虫框架 oloz 爬虫
WebCollector主页： https://github.com/CrawlScript/WebCollector 下载：webcollector-版本号-bin.zip将解压后文件夹中的所有jar包添加到工程既可。接下来看demo package org.spider.myspider; import cn.edu.hfut.dmic.webcollector.cra
jQuery append 与 after 的区别小猪猪08
1、after函数定义和用法： after() 方法在被选元素后插入指定的内容。语法： $(selector).after(content) 实例： <html> <head> <script type="text/javascript" src="/jquery/jquery.js"></scr
mysql知识充电香水浓 mysql
索引索引是在存储引擎中实现的，因此每种存储引擎的索引都不一定完全相同，并且每种存储引擎也不一定支持所有索引类型。根据存储引擎定义每个表的最大索引数和最大索引长度。所有存储引擎支持每个表至少16个索引，总索引长度至少为256字节。大多数存储引擎有更高的限制。MYSQL中索引的存储类型有两种：BTREE和HASH，具体和表的存储引擎相关； MYISAM和InnoDB存储引擎
我的架构经验系列文章索引 agevs 架构
下面是一些个人架构上的总结，本来想只在公司内部进行共享的，因此内容写的口语化一点，也没什么图示，所有内容没有查任何资料是脑子里面的东西吐出来的因此可能会不准确不全，希望抛砖引玉，大家互相讨论。要注意，我这些文章是一个总体的架构经验不针对具体的语言和平台，因此也不一定是适用所有的语言和平台的。（内容是前几天写的，现附上索引）前端架构 http://www.
Android so lib库远程http下载和动态注册 aijuans andorid
一、背景在开发Android应用程序的实现，有时候需要引入第三方so lib库，但第三方so库比较大，例如开源第三方播放组件ffmpeg库, 如果直接打包的apk包里面, 整个应用程序会大很多.经过查阅资料和实验，发现通过远程下载so文件，然后再动态注册so文件时可行的。主要需要解决下载so文件存放位置以及文件读写权限问题。二、主要
linux中svn配置出错 conf/svnserve.conf:12: Option expected 解决方法 baalwolf option
在客户端访问subversion版本库时出现这个错误： svnserve.conf:12: Option expected 为什么会出现这个错误呢，就是因为subversion读取配置文件svnserve.conf时，无法识别有前置空格的配置文件，如### This file controls the configuration of the svnserve daemon, if you##
MongoDB的连接池和连接管理 BigCat2013 mongodb
在关系型数据库中，我们总是需要关闭使用的数据库连接，不然大量的创建连接会导致资源的浪费甚至于数据库宕机。这篇文章主要想解释一下mongoDB的连接池以及连接管理机制，如果正对此有疑惑的朋友可以看一下。通常我们习惯于new 一个connection并且通常在finally语句中调用connection的close()方法将其关闭。正巧，mongoDB中当我们new一个Mongo的时候，会发现它也
AngularJS使用Socket.IO bijian1013 JavaScript AngularJS Socket.IO
目前，web应用普遍被要求是实时web应用，即服务端的数据更新之后，应用能立即更新。以前使用的技术（例如polling）存在一些局限性，而且有时我们需要在客户端打开一个socket，然后进行通信。 Socket.IO(http://socket.io/)是一个非常优秀的库，它可以帮你实
[Maven学习笔记四]Maven依赖特性 bit1129 maven
三个模块为了说明问题，以用户登陆小web应用为例。通常一个web应用分为三个模块，模型和数据持久化层user-core, 业务逻辑层user-service以及web展现层user-web， user-service依赖于user-core user-web依赖于user-core和user-service 依赖作用范围 Maven的dependency定义
【Akka一】Akka入门 bit1129 akka
什么是Akka Message-Driven Runtime is the Foundation to Reactive Applications In Akka, your business logic is driven through message-based communication patterns that are independent of physical locatio
zabbix_api之perl语言写法 ronin47 zabbix_api之perl
zabbix_api网上比较多的写法是python或curl。上次我用java－－http://bossr.iteye.com/blog/2195679，这次用perl。for example: #!/usr/bin/perl use 5.010 ; use strict ; use warnings ; use JSON :: RPC :: Client ; use
比优衣库跟牛掰的视频流出了，兄弟连Linux运维工程师课堂实录，更加刺激，更加实在！ brotherlamp linux运维工程师 linux运维工程师教程 linux运维工程师视频 linux运维工程师资料 linux运维工程师自学
比优衣库跟牛掰的视频流出了，兄弟连Linux运维工程师课堂实录，更加刺激，更加实在！ ----------------------------------------------------- 兄弟连Linux运维工程师课堂实录-计算机基础-1-课程体系介绍1 链接：http://pan.baidu.com/s/1i3GQtGL 密码：bl65 兄弟连Lin
bitmap求哈密顿距离-给定N（1<=N<=100000）个五维的点A(x1,x2,x3,x4,x5)，求两个点X(x1,x2,x3,x4,x5)和Y( bylijinnan java
import java.util.Random; /** * 题目： * 给定N（1<=N<=100000）个五维的点A(x1,x2,x3,x4,x5)，求两个点X(x1,x2,x3,x4,x5)和Y(y1,y2,y3,y4,y5)， * 使得他们的哈密顿距离（d=|x1-y1| + |x2-y2| + |x3-y3| + |x4-y4| + |x5-y5|）最大
map的三种遍历方法 chicony map
package com.test; import java.util.Collection; import java.util.HashMap; import java.util.Iterator; import java.util.Map; import java.util.Set; public class TestMap { public static v
Linux安装mysql的一些坑 chenchao051 linux
1、mysql不建议在root用户下运行 2、出现服务启动不了，111错误，注意要用chown来赋予权限，我在root用户下装的mysql，我就把usr/share/mysql/mysql.server复制到/etc/init.d/mysqld, (同时把my-huge.cnf复制/etc/my.cnf) chown -R cc /etc/init.d/mysql
Sublime Text 3 配置 daizj 配置 Sublime Text
Sublime Text 3 配置解释(默认){// 设置主题文件“color_scheme”: “Packages/Color Scheme – Default/Monokai.tmTheme”,// 设置字体和大小“font_face”: “Consolas”,“font_size”: 12,// 字体选项：no_bold不显示粗体字，no_italic不显示斜体字，no_antialias和
MySQL server has gone away 问题的解决方法 dcj3sjt126com SQL Server
MySQL server has gone away 问题解决方法，需要的朋友可以参考下。应用程序（比如PHP）长时间的执行批量的MYSQL语句。执行一个SQL，但SQL语句过大或者语句中含有BLOB或者longblob字段。比如，图片数据的处理。都容易引起MySQL server has gone away。今天遇到类似的情景，MySQL只是冷冷的说：MySQL server h
javascript/dom:固定居中效果 dcj3sjt126com JavaScript
<!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&
使用 Spring 2.5 注释驱动的 IoC 功能 e200702084 spring bean 配置管理 IOC Office
使用 Spring 2.5 注释驱动的 IoC 功能 developerWorks 文档选项将打印机的版面设置成横向打印模式打印本页将此页作为电子邮件发送将此页作为电子邮件发送级别：初级陈雄华 ([email protected]), 技术总监, 宝宝淘网络科技有限公司 2008 年 2 月 28 日 &nb
MongoDB常用操作命令 geeksun mongodb
1. 基本操作 db.AddUser(username,password) 添加用户 db.auth(usrename,password) 设置数据库连接验证 db.cloneDataBase(fromhost)
php写守护进程（Daemon） hongtoushizi PHP
转载自： http://blog.csdn.net/tengzhaorong/article/details/9764655 守护进程（Daemon）是运行在后台的一种特殊进程。它独立于控制终端并且周期性地执行某种任务或等待处理某些发生的事件。守护进程是一种很有用的进程。php也可以实现守护进程的功能。 1、基本概念 &nbs
spring整合mybatis,关于注入Dao对象出错问题 jonsvien DAO spring bean mybatis prototype
今天在公司测试功能时发现一问题：先进行代码说明： 1，controller配置了Scope="prototype"（表明每一次请求都是原子型） @resource/@autowired service对象都可以（两种注解都可以）。 2，service 配置了Scope="prototype"（表明每一次请求都是原子型）
对象关系行为模式之标识映射 home198979 PHP 架构企业应用对象关系标识映射
HELLO!架构一、概念 identity Map:通过在映射中保存每个已经加载的对象，确保每个对象只加载一次，当要访问对象的时候，通过映射来查找它们。其实在数据源架构模式之数据映射器代码中有提及到标识映射，Mapper类的getFromMap方法就是实现标识映射的实现。二、为什么要使用标识映射？在数据源架构模式之数据映射器中 //c
Linux下hosts文件详解 pda158 linux
　1、主机名：　　无论在局域网还是INTERNET上，每台主机都有一个IP地址，是为了区分此台主机和彼台主机，也就是说IP地址就是主机的门牌号。　　公网：IP地址不方便记忆，所以又有了域名。域名只是在公网（INtERNET)中存在，每个域名都对应一个IP地址，但一个IP地址可有对应多个域名。　　局域网：每台机器都有一个主机名，用于主机与主机之间的便于区分，就可以为每台机器设置主机
nginx配置文件粗解 spjich java nginx
#运行用户#user nobody;#启动进程,通常设置成和cpu的数量相等worker_processes 2;#全局错误日志及PID文件#error_log logs/error.log;#error_log logs/error.log notice;#error_log logs/error.log inf
数学函数 w54653520 java
public class S { // 传入两个整数，进行比较，返回两个数中的最大值的方法。 public int get( int num1, int nu