修改发贴的编辑功能

以下代码可以做到在光标处插入代码,如果有选择区域,则会使用选择区域生效。

1、vbcode.js 文件中 
替换函数 vbcode 为下面内容 


代码如下:

function vbcode(theform,vbcode,prompttext) {  
 if (theform.message.createTextRange && theform.message.caretPos) {  
  var caretPos = theform.message.caretPos;  
  if(caretPos.text.length > 0)  
   caretPos.text = "["+vbcode+"]" + caretPos.text + "[/"+vbcode+"]";  
  else  
   caretPos.text = "["+vbcode+"]" + "[/"+vbcode+"]";  
 }  
 theform.message.focus();  
}

替换函数 fontformat 为下面内容 


代码如下:

function fontformat(theform,thevalue,thetype) {  
 if (theform.message.createTextRange && theform.message.caretPos) {  
  var caretPos = theform.message.caretPos;  
  if(caretPos.text.length > 0)  
   caretPos.text = "["+thetype+"="+thevalue+"]" + caretPos.text + "[/"+thetype+"]";  
  else  
   caretPos.text = "["+thetype+"="+thevalue+"]" + "[/"+thetype+"]";  
 }  
 theform.sizeselect.selectedIndex = 0;  
 theform.fontselect.selectedIndex = 0;  
 theform.colorselect.selectedIndex = 0;  
 theform.message.focus();  
}

替换函数 smilie 为下面内容 


代码如下:

function smilie(thesmilie) {  
// inserts smilie text  
 if (document.vbform.message.createTextRange && document.vbform.message.caretPos) {  
  var caretPos = document.vbform.message.caretPos;  
  caretPos.text = thesmilie;  
 }  
 document.vbform.message.focus();  
}

加入下面代码 


代码如下:

function storeCaret(textEl) {  
 if (textEl.createTextRange)  
  textEl.caretPos = document.selection.createRange().duplicate();  
}

2、color.js 文件 
查找函数 insertTag 替换成下面内容 


代码如下:

function insertTag(MyString)  
{  
 bbopen=''  
 bbclose='';

 if (MM_findObj('message').createTextRange && MM_findObj('message').caretPos) {  
  var text = bbopen + bbclose ;  
  var caretPos = MM_findObj('message').caretPos;  
  if(caretPos.text.length > 0)  
   caretPos.text = bbopen + caretPos.text + bbclose;  
  else  
   caretPos.text = text;  
 } else {  
  MM_findObj('message').value += bbopen + bbclose;  
 }  
 MM_findObj('message').focus();  
 return;  
}

3、修改 editpost、newthread 和 newreply 模板 
查找 
$postinfo[message] 
替换成 
$postinfo[message]

(0)

相关推荐

  • 修改发贴的编辑功能

    以下代码可以做到在光标处插入代码,如果有选择区域,则会使用选择区域生效. 1.vbcode.js 文件中  替换函数 vbcode 为下面内容  复制代码 代码如下: function vbcode(theform,vbcode,prompttext) {   if (theform.message.createTextRange && theform.message.caretPos) {   var caretPos = theform.message.caretPos;   if(c

  • JS实现点击按钮可实现编辑功能

    具体代码如下所示: <script type="text/javascript"> //修改密码 //抓取到的数据 function edit() { document.getElementById("ps").style.display = "none"; document.getElementById("pw").style.display = ""; document.getElement

  • vue.js实现会动的简历(包含底部导航功能,编辑功能)

    在网上看到一个这样的网站,STRML它的效果看着十分有趣,如下图所示: 这个网站是用 react.js 来写的,于是,我就想着用 vue.js 也来写一版,开始撸代码. 首先要分析打字的原理实现,假设我们定义一个字符串 str ,它等于一长串注释加 CSS 代码,并且我们看到,当 css 代码写完一个分号的时候,它写的样式就会生效.我们知道要想让一段 CSS 代码在页面生效,只需要将其放在一对 <style> 标签对中即可.比如: <!DOCTYPE html> <html&

  • Vue项目结合Vue-layer实现弹框式编辑功能(实例代码)

    1. 实现效果 2.实现原理 在父组件中点击编辑按钮,将当前点击对象的id传给子组件,子组件根据id修改相应的内容 父组件中代码: //放置编辑按钮的位置 <button type="button" class="layui-btn layui-btn-normal layui-btn-sm" v-on:click="edit(manage.id)"><i class="layui-icon"><

  • springboot vue接口测试定义编辑功能的实现

    目录 基于springboot+vue 的测试平台开发 一.后端 1. 查询接口 2. 更新接口 二.前端 1. 实现编辑外显 2. 实现接口更新 基于springboot+vue 的测试平台开发 继续更新 额,昨天还说编辑不着急做,但是我发现如果不做,那么在做接口发送功能的时候,我需要反复新增新的接口来调试,那就先做了. 一.后端 后端要增加2个接口:根据接口ID查询.更新接口. 1. 查询接口 @GetMapping("/getApi") public Result getApiB

  • springboot vue项目管理前后端实现编辑功能

    目录 基于springboot+vue 的测试平台开发 一.打开编辑页面显示数据 1. 编辑按钮 2. 编写 handleUpdate 方法处理数据外显 二.保存编辑页面的内容 1. 后端增加 update 接口 2. 前端页面修改 基于springboot+vue 的测试平台开发 继续更新 今天实现项目列表的编辑功能: 点击[编辑]按钮,打开对话框,显示此条记录的信息修改对话框表单内容,点击对话框[保存]按钮,更新此条记录 一.打开编辑页面显示数据 1. 编辑按钮 之前复制的 table 组件

  • jqgrid实现简单的单行编辑功能

    本文实例为大家分享了jqgrid实现简单的单行编辑功能的具体代码,供大家参考,具体内容如下 1.html代码 <table id="tableList" style="text-align:center;"></table> <div id=tablePager></div> 2.script代码 <script type="text/javascript"> var lastId;//

  • vue项目中做编辑功能传递数据时遇到问题的解决方法

    在项目中完成编辑功能时,遇到了这样一个问题:编辑的功能使用的是一个子组件作为弹出框,如图 这里涉及到从父组件向子组件传递数据的问题,这个项目使用的是v1.0,问题是当点击了编辑以后,弹出的子组件中没有获取到父组件传过来的数据,检查后没有发现代码错误,最后解决的方法就是在父组件中,把传递的数据中的每一项都初始化了一遍就好了 creatIssue (type,list,id){ this.modelIssue=true; this.modeltype=type; if(type=='creat'){

  • JavaScript直播评论发弹幕切图功能点集合效果代码

    一.代码 html+js <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>数发直播平台</title> <link rel="stylesheet" type="text/css" href="css/common.css"> <link rel="styl

  • JavaScript简单表格编辑功能实现方法

    本文实例讲述了JavaScript简单表格编辑功能实现方法.分享给大家供大家参考.具体如下: <html> <head> <script type="text/javascript"> function getInnerHTML() { alert(document.getElementById("tr2").innerHTML); } function insCell() { var x=document.getElementB

随机推荐