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

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

收藏 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及其他

Node.js事件的正确使用方法

微信小程序自定义导航栏实例代码

js字符串处理之绝妙的代码

vue设计一个倒计时秒杀的组件详解

详解服务端预渲染之Nuxt（介绍篇）

javascrit中undefined和null的区别详解

浅谈javascript中的prototype和proto的理解

详解vue中this.$emit()的返回值是什么

浅谈express.js框架中间件（middleware）

vue自定义指令directive的使用方法

网络赚钱

站长故事

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

Node.js事件的正确使用方法

微信小程序自定义导航栏实例代码

js字符串处理之绝妙的代码

vue设计一个倒计时秒杀的组件详解

详解服务端预渲染之Nuxt（介绍篇）

javascrit中undefined和null的区别详解

浅谈javascript中的prototype和__proto__的理解

详解vue中this.$emit()的返回值是什么

浅谈express.js框架中间件（middleware）

vue自定义指令directive的使用方法

网络赚钱

站长故事

浅谈javascript中的prototype和proto的理解