一个文章在线编辑器的实现

如图一个文章在线编辑器OnlineEdit.asp 代码如下:

**************************************************************************************

' 如图的1

' 现实图1编辑功能所要引用的Js文件

**************************************************************************************

Edit.asp代码如下(另外还需些Html页面,如代码中显示):

**************************************************************************************




<%if session("userkey")>2 then%>查看HTML源代码<%else%><%end if%>



全部选择
剪切
复制
粘贴
删除
撤消
恢复
粗体
斜体
下划线
左对齐
居中
右对齐
项目符号
编号
回退
缩进
普通水平线
特殊水平线
上标
下标
删除文字格式



超级链接
取消超级链接
插入栏目框
插入网页
插入表格
插入FLASH
插入视频文件,支持格式为:avi、wmv、asf
插入RealPlay文件,支持格式为:rm、ra、ram
插入网上图片,支持格式为:gif、jpg、png、bmp
使用帮助
上传图片


**************************************************************************************

Edit.js代码如下:

**************************************************************************************

//Function to insert table
function fortable()
{

var arr = showModalDialog("table1.html", "", "dialogWidth:25em; dialogHeight:12em; status:0");
if (arr != null){
var tmp=arr.split("*");
row=tmp[0];
col=tmp[1];
var string;
string="

";
for(i=1;i<=row;i++){
string=string+"
";
for(j=1;j<=col;j++){
string=string+"
";
}
string=string+"
";
}
string=string+"
 
";
content=message.document.body.innerHTML;
content=content+string;
message.document.body.innerHTML=content;
}
else message.focus();
}

//Function to insert flash
function swf()
{
var arr = showModalDialog("flash.html", "", "dialogWidth:30em; dialogHeight:10em; status:0;help:0");

if (arr != null){
var ss;
ss=arr.split("*")
path=ss[0];
row=ss[1];
col=ss[2];
var string;
string=""
content=message.document.body.innerHTML;
content=content+string;
message.document.body.innerHTML=content;
}
else message.focus();
}

//Function to insert Media Wmv
function wmv()
{
var arr = showModalDialog("media.html", "", "dialogWidth:30em; dialogHeight:10em; status:0;help:0");

if (arr != null){
var ss;
ss=arr.split("*")
path=ss[0];
row=ss[1];
col=ss[2];
var string;
string=""
content=message.document.body.innerHTML;
content=content+string;
message.document.body.innerHTML=content;
}
else message.focus();
}

//Function to insert Media Rm
function rm()
{
var arr = showModalDialog("rm.html", "", "dialogWidth:30em; dialogHeight:10em; status:0;help:0");

if (arr != null){
var ss;
ss=arr.split("*")
path=ss[0];
row=ss[1];
col=ss[2];
var string;
string="
"
content=message.document.body.innerHTML;
content=content+string;
message.document.body.innerHTML=content;
}
else message.focus();
}

//Function to insert Picture
function pic()
{
var arr = showModalDialog("pic.html", "", "dialogWidth:30em; dialogHeight:15em; status:0;help:0");

if (arr != null){
var ss;
ss=arr.split("*")
a=ss[0];
b=ss[1];
c=ss[2];
d=ss[3];
e=ss[4];
f=ss[5];
g=ss[6];
h=ss[7];
i=ss[8];

var str1;
str1=""+b+"if(d.value!='')str1=str1+"width='"+d+"'"
if(e.value!='')str1=str1+"height='"+e+"' "
str1=str1+" border='"+i+"' align='"+h+"' vspace='"+f+"' hspace='"+g+"' style='"+c+"'"
str1=str1+">"
content=message.document.body.innerHTML;
content=content+str1;
message.document.body.innerHTML=content;
}
else message.focus();
}


//Function to insert 栏目框
function FIELDSET()
{
var arr = showModalDialog("fieldset.htm", "", "dialogWidth:25em; dialogHeight:10em; status:0;help:0");

if (arr != null){
var ss;
ss=arr.split("*")
a=ss[0];
b=ss[1];
c=ss[2];
d=ss[3];
var str1;
str1="

str1=str1+"align="+a+""
str1=str1+" style='"
if(c.value!='')str1=str1+"color:"+c+";"
if(d.value!='')str1=str1+"background-color:"+d+";"
str1=str1+"'>str1=str1+" align="+b+""
str1=str1+">标题内容
"
content=message.document.body.innerHTML;
content=content+str1;
message.document.body.innerHTML=content;
}
else message.focus();
}


//Function to insert Web
function iframe()
{
var arr = showModalDialog("iframe.htm", "", "dialogWidth:30em; dialogHeight:13em; status:0;help:0");

if (arr != null){
var ss;
ss=arr.split("*")
a=ss[0];
b=ss[1];
c=ss[2];
d=ss[3];
e=ss[4];
f=ss[5];
g=ss[6];
var str1;
str1=""
content=message.document.body.innerHTML;
content=content+str1;
message.document.body.innerHTML=content;
}
else message.focus();
}


//Function to insert 特殊水平线
function hr()
{
var arr = showModalDialog("hr.htm", "", "dialogWidth:30em; dialogHeight:12em; status:0;help:0");

if (arr != null){
var ss;
ss=arr.split("*")
a=ss[0];
b=ss[1];
c=ss[2];
d=ss[3];
e=ss[4];
var str1;
str1="str1=str1+" color='"+a+"'"
str1=str1+" size="+b+"'"
str1=str1+" "+c+""
str1=str1+" align="+d+""
str1=str1+" width="+e
str1=str1+">"
content=message.document.body.innerHTML;
content=content+str1;
message.document.body.innerHTML=content;
}
else message.focus();
}


function IsDigit()
{
return ((event.keyCode >= 48) && (event.keyCode <= 57));
}

//Function to format text in the text box
function FormatText(command, option){

frames.message.document.execCommand(command, true, option);
frames.message.focus();
}

//Function to add image
function AddImage(){
imagePath = prompt('请输入图片地址', 'http://');

if ((imagePath != null) && (imagePath != "")){
frames.message.document.execCommand('InsertImage', false, imagePath);
frames.message.focus();
}
frames.message.focus();
}

//Function to clear form
function ResetForm(){

if (window.confirm('确认要清空对话框内容?')){
frames.message.document.body.innerHTML = '';
return true;
}
return false;
}

//Function to open pop up window
function openWin(theURL,winName,features) {
window.open(theURL,winName,features);
}

//Function to view Html Code
function setMode(newMode)
{
bTextMode = newMode;
var cont;
if (bTextMode) {
cleanHtml();
cleanHtml();

cont=message.document.body.innerHTML;
message.document.body.innerText=cont;
} else {
cont=message.document.body.innerText;
message.document.body.innerHTML=cont;
}
message.focus();
}

function cleanHtml()
{
var fonts = message.document.body.all.tags("FONT");
var curr;
for (var i = fonts.length - 1; i >= 0; i--) {
curr = fonts[i];
if (curr.style.backgroundColor == "#ffffff") curr.outerHTML= curr.innerHTML;
}

}


//Function to open Help Document
function help()
{
var helpmess;
helpmess="---------------填写帮助---------------\r\n\r\n"+
"1.请不要发表有危险性的脚本。\r\n\r\n"+
"2.如果要书写源代码,请选中\r\n\r\n"+
" 查看HTML源代码书写.\r\n\r\n"+
"3.需要你自己运行,才能看效果.\r\n\r\n"+
"4.如果书写js,尽量不要在这儿书写.\r\n\r\n";
alert(helpmess);
}

你可能感兴趣的:(JavaScript,ASP,Flash,F#,脚本)