网页编辑器功能按钮脚本

最新推荐文章于 2022-12-11 15:20:31 发布
最新推荐文章于 2022-12-11 15:20:31 发布
阅读量1.1k 收藏
点赞数
分类专栏： DHTML Javascript CSS 文章标签： border function class stylesheet insert javascript
<%
if request("test")="insert" then
response.write "这是"&request.form("content")
response.end
end if
%>
<html>
<head>
<link rel=stylesheet type=text/css href="style.css">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>添加文章</title>
<SCRIPT LANGUAGE="JavaScript">
<!--
function CheckForm()
{
document.form1.content.value=document.getElementById('Editor').body.innerHTML;
}
function init()
{
Editor.document.designMode="on";
  Editor.focus();
}
function format(cmd,opt)
{
Editor.document.execCommand(cmd,"",opt);
Editor.focus();
}
function foreColor()
{
var arr = showModalDialog("../js/color.htm","","font-family:Verdana;font-size:12;dialogWidth:26em;dialogHeight:23em");
if (arr != null) format("ForeColor",arr);
}
function BackColor()
{
var arr = showModalDialog("../js/color.htm","","font-family:Verdana;font-size:12;dialogWidth:26em;dialogHeight:23em");
if (arr != null) format("BackColor",arr);
}
//-->
</SCRIPT>
</head>
<BODY class=bg2 topmargin=0 οnlοad="init()"><center>
<form method="POST" name="form1" action="a.asp" οnsubmit="CheckForm()">
<TABLE border=1 cellPadding=4 cellSpacing=0 bordercolor=#B0B0B0 width=680 class=tc>
<TR>
<TD class=title>图文混排录入</TD>
</TR>
<TR>
<TD><INPUT type=hidden name=test value=insert>
<TABLE border=1 cellPadding=1 cellSpacing=0 width=650 bordercolor=#F0F0F0 class=ta>
<TR>
<TD class=tc rowspan=2>控制标签</TD>
<TD><SELECT οnchange="format('fontname',this[this.selectedIndex].value);"><option selected>字体</option>
<option value="宋体">宋体</option>
<option value="黑体">黑体</option>
<option value="楷体_GB2312">楷体</option>
<option value="仿宋_GB2312">仿宋</option>
<option value="Arial">Arial</option>
<option value="Arial Black">Arial Black</option>
<option value="Arial Narrow">Arial Narrow</option>
<option value="Brush Script MT">Brush Script MT</option>
<option value="Century Gothic">Century Gothic</option>
<option value="Comic Sans MS">Comic Sans MS</option>
<option value="Courier">Courier</option>
<option value="Courier New">Courier New</option>
<option value="MS Sans Serif">MS Sans Serif</option>
<option value="Script">Script</option>
<option value="System">System</option>
<option value="Times New Roman">Times New Roman</option>
<option value="Verdana">Verdana</option>
<option value="Wide Latin">Wide Latin</option>
<option value="Wingdings">Wingdings</option></SELECT><SELECT οnchange="format('fontsize',this[this.selectedIndex].value);">
<option selected>字号</option>
<option value="7">一号</option>
<option value="6">二号</option>
<option value="5">三号</option>
<option value="4">四号</option>
<option value="3">五号</option>
<option value="2">六号</option>
<option value="1">七号</option></SELECT>
</TR>
<TR>
<TD><A
href title="全部选择" onClick="format('SelectAll')"><img src="button/selectAll.gif" border=0></A><A
href title="取消选择" onClick="format('unselect')"><img src="button/Unselect.gif" border=0></A><A
href title="加粗" onClick="format('Bold')"><img src="button/bold.gif" border=0></A><A
href title="倾斜" onClick="format('Italic')"><img src="button/Italic.gif" border=0></A><A
href title="下划线" onClick="format('Underline')"><img src="button/UNDERline.gif" border=0></A><A
href title="字体颜色" onClick="foreColor()"><img src="button/forecolor.gif" border=0></A><A
href title="背景颜色" onClick="BackColor()"><img src="button/bgcolor.gif" border=0></A><A
href title="格式清除" onClick="format('RemoveFormat')"><img src="button/RemoveFormat.gif" border=0></A><A
href title="删除" onClick="format('Delete')"><img src="button/delete.gif" border=0></A><A
href title="剪切" onClick="format('Cut')"><img src="button/Cut.gif" border=0></A><A
href title="复制" onClick="format('Copy')"><img src="button/copy.gif" border=0></A><A
href title="常规粘贴" onClick="format('Paste')"><img src="button/Paste.gif" border=0></A><A
href title="文本粘贴" onClick="format('Paste')"><img src="button/Pastetext.gif" border=0></A><A
href title="从word中粘贴" onClick="format('Paste')"><img src="button/Pasteword.gif" border=0></A><A
href title="左端对齐" onClick="format('JustifyLeft')"><img src="button/Justifyleft.gif" border=0></A><A
href title="居中" onClick="format('JustifyCenter')"><img src="button/JustifyCenter.gif" border=0></A><A
href title="右端对齐" onClick="format('JustifyRight')"><img src="button/Justifyright.gif" border=0></A><A
href title="两端对齐" onClick="format('JustifyFull')"><img src="button/Justifyfull.gif" border=0></A><A
href title="已排序列表" onClick="format('InsertorderedList')"><img src="button/insertorderedlist.gif" border=0></A><A
href title="未排序列表" onClick="format('InsertUnorderedList')"><img src="button/insertunorderedlist.gif" border=0></A><A
href title="撤销"><img src="button/UNDO.gif" border=0></A><A
href title="恢复"><img src="button/REDO.gif" border=0></A><A
href title="插入超链接" onClick="format('CreateLink')"><img src="button/CreateLink.gif" border=0></A><A
href title="清除链接" onClick="format('Unlink')"><img src="button/UNLINK.gif" border=0></A><A
href title="插入图片"><img src="button/img.gif" border=0></A><A
href title="插入动画"><img src="button/flash.gif" border=0></A><A
href title="设计/代码模式切换"><img src="button/mode.gif" border=0></A>
</TD>
</TR>
<TR>
<TD class=tc>文章内容</TD>
<TD height=300>
<iframe id="Editor" name="Editor "marginheight=1 marginwidth=1 width="100%" height="100%" scrolling=yes style="position:absolute;"></iframe>
<textarea name="Content" style="display:none"></textarea>
</TD>
</TR>
<TR>
<TD colspan=2 class=tc>
<input type="submit" name="submit" value="添加"><input type="reset" name="cancel" value="清除"></TD>
</TR>
</TABLE>
</TD></TR>
</TABLE></FORM>
</CENTER>
</BODY>
</HTML>  
cui55
关注
专栏目录
浏览器脚本按钮功能
weixin_30435261的博客
04-09 112
<input type=button value=剪切 onclick= "document.execCommand( 'Cut ') "> <input type=button value=拷贝 onclick= "document.execCommand( 'Copy ') "> <input type=...
web网页按钮如何制作
weixin_30834783的博客
05-12 1026
1：用矩形形状工具画一个矩形 2 : 加描边 3：三键+N新建图层 前景色变成白色，白色到透明的渐变，选择径向渐变。 4：为了使自然，按住ALT键，使渐变扩大，和矩形保持一直，之后向上调整一些。 5：出现亮边？a 按住ctrl键，鼠标左键点击缩略图，点住矩形的图层。 b 之后选择矩形选框工具，按住向下的箭头键并向下挪动一个像素即可。 ...
怎么在html中设置按键,网页设计中如何设计按钮
weixin_31241561的博客
06-11 2384
网页设计中如何设计按钮在网页设计中，按钮设计是常被忽略却又相当重要的一个角色。在网页设计中，按钮与链接的功能类似，都是经过点击后到达另一页面或实现某种目的，不过二者还是有实际上的区别的。按钮代表着“做某件事”，即点击了按钮代表着操作了一个功能，做的这件事是有后果的，不易挽回的。并且绝大多数都是对表单的提交。从技术上讲，这类按钮的作用是向后台提交了数据，“命令”服务器去做了一件事。而链接则是带你去另...
html写网页按钮怎么写,css3按钮 用CSS3写的几种风格的网页按钮
weixin_39616693的博客
06-18 206
css3中的button样式怎么改直接改不行吗?给button加个class .button{width:100px;height:30px; background:#ccc; color:#333}CSS3 的按钮怎么快速实现样式HTML结构该鼠标点击按钮特效中每一个可点击的元素都是一个按钮CSS样式以下是该css3点击按钮特效的通用CSS样式：插件中通过在点击按钮时使用javascript来为...
html写一个有按钮的界面,为WordPress的HTML编辑界面添加按钮
weixin_30273229的博客
06-10 296
从安装WordPress，架设独立博客以来已经有4个月了，一直都是在用HTML代码来写博文，虽然有可视化的界面，但是仍然觉得WordPress的可视化界面做的不大符合中国人的习惯，不适合中文写作，虽然WP的版本也升级了好几次，但是发现可视化界面一直没有什么大的改进。用HTML来写博文，就免不了要用到HTML代码，虽然接触HTML也很长时间了，但是对于代码繁琐的规则及名目繁多的参数还是很头疼的，WP...
vue可视化网页编辑器(富文本编辑器)
06-10
这种编辑器通常包含了富文本编辑功能，可以提供类似于 Word 的文字格式化选项，同时还支持插入图片、视频等多媒体元素，使得网页内容更加生动丰富。 在Vue可视化网页编辑器的实现中，主要涉及到以下几个关键知识点...
键鼠魔盒脚本编辑软件，按键盒子软件
11-30
编辑器通常具有代码高亮、自动补全等功能，以帮助用户更高效地编写脚本。此外，为了方便测试和调试，软件还可能具备实时预览和运行功能，让用户能立即看到脚本的效果。 在键鼠魔盒软件中，用户可能需要创建不同的...
lc文件脚本解密编辑器
02-28
lc文件脚本解密编辑器 14:18 2011-3-4更新说明 1.解决了会员服务解密后的错误代码 2.提高了打开文件速度,减少生成文件 3.增加另存为功能 4.解决了解密lc文件打开后是空白文件问题 5.增加了调试功能 6.增加了搜索和...
易语言火花脚本编辑器3.4.3模块
08-16
易语言火花脚本编辑器是一款专为易语言编程环境设计的脚本编辑工具，其版本3.4.3在编程社区中广受欢迎，提供了丰富的功能以支持易语言用户的开发工作。这款编辑器的核心在于它的模块化系统，允许开发者灵活地扩展和...
易语言OD脚本编辑器
07-19
OD脚本编辑器的核心功能是提供一个友好的图形界面，用户可以在这个界面上编写和编辑OD脚本。OD脚本通常由汇编语言或OllyDbg专用的脚本语言编写，用于自动化调试过程中的各种任务，如追踪内存、修改指令、分析函数等...
网页自动点击脚本（可用于自动评教）
weixin_59513554的博客
12-11 1万+
期末评教老师很多，为了避免浪费时间，可以用这个脚本来实现自动评教以及自动提交原理简单清楚，适合JS小白。
Python selenium —— Webdriver Exception cheat sheet
灰蓝
10-14 3293
之前整理了Python版webdriver的备忘单与xpath、css的备忘单，今天把Python webdriver的exception清单整理一下。Python Webdriver Exception Cheat Sheet上表大概罗列了Python Webdriver 中的Exception以及出现该问题的原因，具体的代码解析与代码示例博主改天再给大家分享。HTML版如下： 异常 描述
杂记（2）JS脚本自动点击页面按钮
热门推荐
鱼多多
06-26 3万+
一、背景说明我一直觉得写程序、写算法、会编程这些我们程序员赖以生存的技能，应该更多的为我们自己服务，而不仅仅成为我们被企业压榨的工具。简而言之，我们的编程技能不要仅仅为了找工作、面试、干领导布置下来的任务，而应该让这种技能更多的为我们自己服务。下面我要分享一个我自己的经历，代码很短，但确实是为我自己提供了便利。我们公司所在的园区提供一站式班车服务，每天我们通过微信公众号的抢票页面，在规定的时间内抢...
网页自动点击脚本_leet code 网页脚本自动化
weixin_39568133的博客
11-30 7575
工具是 chrome:例子一:从到let pp = document.getElementsByClassName("filter-dropdown-button"); pp[0].click();chrome console 代码:let btn = document.getElementsByClassName("filter-dropdown-button"); /...
网页脚本推荐
weixin_42565829的博客
09-02 3760
网页脚本推荐 废话不多说 上硬菜。 一、Tampermonkey（油猴） Tampermonkey 是一款免费的浏览器扩展和最为流行的用户脚本管理器，它适用于 Chrome, Microsoft Edge, Safari, Opera Next, 和 Firefox。 虽然有些受支持的浏览器拥有原生的用户脚本支持，但 Tampermonkey 将在您的用户脚本管理方面提供更多的便利。 它提供了诸如便捷脚本安装、自动更新检查、标签中的脚本运行状况速览、内置的编辑器等众多功能， 同时Tampe
Python脚本编辑器
最新发布
07-13
在Python脚本编辑器中，您可以编写Python代码，并且可以通过运行按钮执行代码。您还可以调试代码、查看输出结果和错误消息。 Python脚本编辑器还提供了一些其他功能，例如自动完成、代码高亮和代码片段等，以帮助您...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值