教学演示-UBB,剪贴板,textRange及其他

所属分类：网络编程 / JavaScript 阅读数： 565

收藏 0赞 0分享

这是一个给新手学习代码的帖子，包含以下内容：
如何使用UBB代码，如何用js与剪贴板交互，如何使用textRange对象，如何使用自定义的快捷键操作，如何自动随窗口大小调整页面内容尺寸，正则表达式的使用等等
请仔细阅读代码，有问题请提问，目前代码开发完成度80％，IE only

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "standards-compliant mode" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <title>Blue Idea UBB Code Edit</title>   </head> <body onload="init();"> <div id="divMain"> <div id="divTools"> <label>视图模式:</label> <a href="javascript:void(switchModel(0));" id="viewButton01" >代码视图</a> <a href="javascript:void(switchModel(1));" id="viewButton02" >预览视图</a> <label> | 样式工具:</label> <a href="javascript:void(setUBB('b'))" title="ctrl + b">黑体</a> <a href="javascript:void(setUBB('i'))" title="ctrl + shift + i">斜体</a> <a href="javascript:void(setUBB('c'))" title="ctrl + shift + c">代码</a> <a href="javascript:void(setUBB('h'))" title="ctrl + shift + h">HTML 运行</a> <a href="javascript:void(setUBB('+'))" title="ctrl + +">字体 + </a> <a href="javascript:void(setUBB('-'))" title="ctrl + -">字体 - </a> <a href="javascript:void(chkPaste())" title="ctrl + shift + v">粘贴UBB</a> <a href="javascript:void(chkPasteH())" title="ctrl + alt + v">粘贴HTML</a> </div> <div id="divContent" contentEditable="false"> </div> <textarea id="txtContent"></textarea> </div> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

更多精彩内容其他人还在看

教学演示-UBB,剪贴板,textRange及其他

Angular使用Md5加密的解决方法

详解JS构造函数中this和return

ES6中Array.find()和findIndex()函数的用法详解

JS闭包的几种常见形式实例详解

ES6中Array.copyWithin()函数的用法实例详解

Javascript 严格模式use strict详解

引入JavaScript时alert弹出框显示中文乱码问题

AngularJs 延时器、计时器实例代码

JS分页的实现（同步与异步）

Angularjs自定义指令实现分页插件(DEMO)

网络赚钱

站长故事