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

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

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

layui table 复选框跳页后再回来保持原来选中的状态示例

Vue-Cli项目优化操作的实现

解决包含在label标签下的checkbox在ie8及以下版本点击事件无效果兼容的问题

vue 父组件通过v-model接收子组件的值的代码

vue 全局环境切换问题

element-ui 本地化使用教程详解

在Vue项目中,防止页面被缩放和放大示例

vue h5移动端禁止缩放代码

Vue 3.0双向绑定原理的实现方法

nest.js 使用express需要提供多个静态目录的操作方法

网络赚钱

站长故事