主题: 为什么我按照替换textarea的方法没效果 |
作者: 花月痕, 发布日期: 2013-07-31 09:59:12, 浏览数: 3496 |
http://www.kindsoft.net/docs/usage.html 我按照上面的方法想要替换mibew的对话界面的输入文本框,更改了chat.tpl(这是一个静态模版文件,相当于html)但是看不到任何效果。 由于该页面上有一段<textarea id="msgwnd" >这个id是没办法改的,改了之后页面自动不停地刷新。所以我就把上面的教程中所有的id_editor替换为了msgwnd。但是无任何效果。 这里附上源代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>${msg:chat.window.title.agent}</title> <link rel="shortcut icon" href="${webimroot}/images/favicon.ico" type="image/x-icon"> <link rel="stylesheet" type="text/css" href="${tplroot}/chat.css"> <script type="text/javascript" language="javascript" src="${webimroot}/js/${jsver}/common.js"></script> <script type="text/javascript" language="javascript" src="${webimroot}/js/${jsver}/brws.js"></script> <script type="text/javascript" language="javascript"><!-- var threadParams = { servl:"${webimroot}/thread.php",wroot:"${webimroot}",frequency:${page:frequency},${if:user}user:"true",${endif:user}threadid:${page:ct.chatThreadId},token:${page:ct.token},cssfile:"${tplroot}/chat.css",ignorectrl:${page:ignorectrl} }; //--> </script> <script type="text/javascript" language="javascript" src="${webimroot}/js/${jsver}/chat.js"></script> <link href="${webimroot}/kindeditor/themes/default/default.css" rel="stylesheet" /> <script charset="utf-8" src="${webimroot}/kindeditor/kindeditor-min.js"></script> <script charset="utf-8" src="${webimroot}/kindeditor/lang/en.js"></script> <script> var editor; KindEditor.ready(function(K) { editor = K.create('#msgwnd'); }); var editor = K.create('textarea[name="content"]', options); html = editor.html(); // 同步数据后可以直接取得textarea的value editor.sync(); html = document.getElementById('msgwnd').value; // 原生API html = K('#msgwnd').val(); // KindEditor Node API html = $('#msgwnd').val(); // jQuery // 设置HTML内容 editor.html('HTML内容'); </script> <style type="text/css"> #header{ height:50px; background:url(${tplroot}/images/bg_domain.gif) repeat-x top; background-color:#5AD66B; width:99.6%; margin:0px 0px 20px 0px; } #header .mmimg{ background:url(${tplroot}/images/quadrat.gif) bottom left no-repeat; } .but{ font-family:Verdana !important; font-size:11px; background:url(${tplroot}/images/wmchat.png) top left no-repeat; background-position:0px -25px; display:block; text-align:center; padding-top:2px; color:white; width:186px; height:18px; text-decoration:none; } .tplimage { background: transparent url(${tplroot}/images/wmchat.png) no-repeat scroll 0px 0px; width: 25px; height: 25px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; } .irefresh { background-position:-72px 0px; } .iclose { background-position:-24px 0px; } .iexec { background-position:-48px 0px; } .ihistory, .ichangeuser { background-position:-96px 0px; } .isend { background-position:-120px 0px; } .issl { background-position:-144px 0px; } .isound { background-position:-168px 0px; } .inosound { background-position:-192px 0px; } .iemail { background-position:0px 0px; } .iclosewin { background-position:-187px -27px; width: 15px; height: 15px; } .tplimageloc { background: transparent url(${webimroot}${url:image.chat.sprite}) no-repeat scroll 0px 0px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; } .ilog { background-position: 0px 0px;width: 20px; height: 80px; } .imessage { background-position: 0px -82px;width: 20px; height: 85px; } </style> </head> <body bgcolor="#FFFFFF" text="#000000" link="#C28400" vlink="#C28400" alink="#C28400" style="margin:0px;"> <table width="100%" style="height:100%;" cellspacing="0" cellpadding="0" border="0"> <tr> <td valign="top"> <table width="100%" style="height:100%;" cellspacing="0" cellpadding="0" border="0"> <tr> <td></td> <td colspan="2" height="100" valign="top" class="bgrn"> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <tr> <td width="100%"> ${if:ct.company.chatLogoURL} ${if:webimHost} <a onclick="window.open('${page:webimHost}');return false;" href="${page:webimHost}"> <img src="${page:ct.company.chatLogoURL}" border="0" alt=""/> </a> ${else:webimHost} <img src="${page:ct.company.chatLogoURL}" border="0" alt=""/> ${endif:webimHost} ${else:ct.company.chatLogoURL} ${if:webimHost} <a onclick="window.open('${page:webimHost}');return false;" href="${page:webimHost}"> <img src="${webimroot}/images/webimlogo.gif" border="0" alt=""/> </a> ${else:webimHost} <img src="${webimroot}/images/webimlogo.gif" border="0" alt=""/> ${endif:webimHost} ${endif:ct.company.chatLogoURL} </td> <td align="right" valign="top" id="banner_orange"> <table cellspacing="0" cellpadding="0" border="0" width="460"> <tr> <td height="30" align="right" valign="top" style="padding:5px"> <div id="engineinfo" style="display:none;"> </div> <div id="typingdiv" style="display:none;"> ${msg:typing.remote} </div> </td> </tr> <tr> <td height="40" align="right" nowrap style="padding-right:10px"><span style="font-size:16px;font-weight:bold;color:#525252">${page:chat.title}</span></td> </tr> <tr> <td height="30"></td> </tr> </table> </td> </tr> </table> <table cellspacing="0" cellpadding="0" border="0" id="header" class="bg_domain"> <tr> <td style="padding-left:20px" class="mmimg"> <table cellspacing="0" cellpadding="0" border="0"> <tr> ${if:agent} <td class="text" nowrap> ${if:historyParams} ${msg:chat.window.chatting_with} <a href="${page:historyParamsLink}" target="_blank" title="${msg:page.analysis.userhistory.title}" onclick="this.newWindow = window.open('${page:historyParamsLink}', 'UserHistory', 'toolbar=0,scrollbars=0,location=0,statusbar=1,menubar=0,width=703,height=380,resizable=1');this.newWindow.focus();this.newWindow.opener=window;return false;">${page:ct.user.name}</a> ${else:historyParams} ${msg:chat.window.chatting_with} <b>${page:ct.user.name}</b> ${endif:historyParams} </td> ${endif:agent} ${if:user} ${if:canChangeName} <td class="text" nowrap> <div id="changename1" style="display:${page:displ1};"> <table cellspacing="0" cellpadding="0" border="0"><tr> <td class="text" nowrap>${msg:chat.client.name}</td> <td width="10" valign="top"><img src='${webimroot}/images/free.gif' width="10" height="1" border="0" alt="" /></td> <td><input id="uname" type="text" size="12" value="${page:ct.user.name}" class="username"></td> <td width="5" valign="top"><img src='${webimroot}/images/free.gif' width="5" height="1" border="0" alt="" /></td> <td><a href="javascript:void(0)" onclick="return false;" title="${msg:chat.client.changename}"><img class="tplimage iexec" src="${webimroot}/images/free.gif" border="0" alt=">>" /></a></td> </tr></table> </div> <div id="changename2" style="display:${page:displ2};"> <table cellspacing="0" cellpadding="0" border="0"><tr> <td class="text" nowrap><a id="unamelink" href="javascript:void(0)" onclick="return false;" title="${msg:chat.client.changename}">${page:ct.user.name}</a></td> <td width="10" valign="top"><img src='${webimroot}/images/free.gif' width="10" height="1" border="0" alt="" /></td> <td><a href="javascript:void(0)" onclick="return false;" title="${msg:chat.client.changename}"><img class="tplimage ichangeuser" src="${webimroot}/images/free.gif" border="0" alt="" /></a></td> </tr></table> </div> </td> ${else:canChangeName} <td class="text" nowrap> ${msg:chat.client.name} ${page:ct.user.name} </td> ${endif:canChangeName} ${endif:user} ${if:agent} <td width="10" valign="top"><img src='${webimroot}/images/free.gif' width="10" height="1" border="0" alt="" /></td> <td><a class="closethread" href="javascript:void(0)" onclick="return false;" title="${msg:chat.window.close_title}"> <img class="tplimage iclose" src="${webimroot}/images/free.gif" border="0" alt="${msg:chat.window.close_title}"/></a></td> ${endif:agent} <td style="color:#C9C9C9;font-size:40px;padding:0px 15px 5px 15px">|</td> ${if:user} <td><a href="${page:mailLink}&style=${styleid}" target="_blank" title="${msg:chat.window.toolbar.mail_history}" onclick="this.newWindow = window.open('${page:mailLink}&style=${styleid}', 'ForwardMail', 'toolbar=0,scrollbars=0,location=0,statusbar=1,menubar=0,width=603,height=254,resizable=0'); if (this.newWindow != null) {this.newWindow.focus();this.newWindow.opener=window;}return false;"><img class="tplimage iemail" src="${webimroot}/images/free.gif" border="0" alt="Mail "/></a></td> ${endif:user} ${if:agent} ${if:canpost} <td><a href="${page:redirectLink}&style=${styleid}" title="${msg:chat.window.toolbar.redirect_user}"> <img class="tplimage isend" src="${webimroot}/images/free.gif" border="0" alt="Redirect " /></a></td> ${endif:canpost} ${if:historyParams} <td><a href="${page:historyParamsLink}" target="_blank" title="${msg:page.analysis.userhistory.title}" onclick="this.newWindow = window.open('${page:historyParamsLink}', 'UserHistory', 'toolbar=0,scrollbars=0,location=0,statusbar=1,menubar=0,width=720,height=480,resizable=1');this.newWindow.focus();this.newWindow.opener=window;return false;"><img class="tplimage ihistory" src="${webimroot}/images/free.gif" border="0" alt="History "/></a></td> ${endif:historyParams} ${endif:agent} <td><a id="togglesound" href="javascript:void(0)" onclick="return false;" title="Turn off sound"> <img id="soundimg" class="tplimage isound" src="${webimroot}/images/free.gif" border="0" alt="Sound " /></a></td> <td><a id="refresh" href="javascript:void(0)" onclick="return false;" title="${msg:chat.window.toolbar.refresh}"> <img class="tplimage irefresh" src="${webimroot}/images/free.gif" border="0" alt="Refresh " /></a></td> ${if:sslLink} <td><a href="${page:sslLink}&style=${styleid}" title="SSL" > <img class="tplimage issl" src="${webimroot}/images/free.gif" border="0" alt="SSL "/></a></td> ${endif:sslLink} <td width="20" valign="top"><img src='${webimroot}/images/free.gif' width="20" height="1" border="0" alt="" /></td> </tr> </table> </td> <td align="right" style="padding-right:17px;"> <table cellspacing="0" cellpadding="0" border="0"> <tr> <td class="text"><span class="grey"></span></td> <td width="5"></td> <td> <table cellspacing="0" cellpadding="0" border="0"> <tr> <td width="95" height="13" bgcolor="#D09221" align="center" class="www"><a href="${msg:site.url}" title="${msg:company.title}" target="_blank">${msg:site.title}</a></td> </tr> </table> </td> <td width="5"></td> <td><a class="closethread" href="javascript:void(0)" onclick="return false;" title="${msg:chat.window.close_title}"><img class="tplimage iclosewin" src="${webimroot}/images/free.gif" border="0" alt="${msg:chat.window.close_title}"/></a></td> <td width="5"></td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td></td> <td valign="top"> <table width="100%" style="height:100%;" cellspacing="0" cellpadding="0" border="0"> <tr> <td width="20" valign="top"><img class="tplimageloc ilog" src="${webimroot}/images/free.gif" border="0" alt="" /></td> <td colspan="2" width="100%" height="100%" valign="top" id="chatwndtd"> <table width="100%" style="height:100%;" cellspacing="0" cellpadding="0" border="0"> <tr> <td colspan="3" bgcolor="#A1A1A1"><img src='${webimroot}/images/free.gif' width="1" height="1" border="0" alt="" /></td> </tr> <tr> <td bgcolor="#A1A1A1"><img src='${webimroot}/images/free.gif' width="1" height="1" border="0" alt="" /></td> <td width="100%" height="100%" bgcolor="#FFFFFF" valign="top"> <iframe id="chatwnd" width="100%" height="100%" src="${if:neediframesrc}${webimroot}/images/blank.html${endif:neediframesrc}" frameborder="0" style="overflow:auto;"> Sorry, your browser does not support iframes; try a browser that supports W3 standards. </iframe> </td> <td bgcolor="#A1A1A1"><img src='${webimroot}/images/free.gif' width="1" height="1" border="0" alt="" /></td> </tr> <tr> <td colspan="3" bgcolor="#A1A1A1"><img src='${webimroot}/images/free.gif' width="1" height="1" border="0" alt="" /></td> </tr> </table> </td> </tr> ${if:canpost} <tr> <td colspan="3" height="5" style="cursor:n-resize;" id="spl1"></td> </tr> <tr> <td width="20" valign="top"><img class="tplimageloc imessage" src="${webimroot}/images/free.gif" border="0" alt="" /></td> ${if:isOpera95} <td width="100%" height="60%" valign="top" id="msgwndtd"> ${else:isOpera95} <td width="100%" height="100" valign="top" id="msgwndtd"> ${endif:isOpera95} <table width="100%" style="height:100%;" cellspacing="0" cellpadding="0" border="0"><tr><td colspan="3" bgcolor="#A1A1A1"><img src="${webimroot}/images/free.gif" width="1" height="1" border="0" alt="" /></td></tr><tr><td bgcolor="#A1A1A1"><img src="${webimroot}/images/free.gif" width="1" height="1" border="0" alt="" /></td><td width="100%" height="100%" bgcolor="#FFFFFF" valign="top"> <textarea id="msgwnd" class="message" tabindex="0"></textarea> </td><td bgcolor="#A1A1A1"><img src="${webimroot}/images/free.gif" width="1" height="1" border="0" alt="" /></td></tr><tr><td colspan="3" bgcolor="#A1A1A1"><img src="${webimroot}/images/free.gif" width="1" height="1" border="0" alt="" /></td></tr></table> </td> <td valign="middle" id="avatarwnd"></td> </tr> ${endif:canpost} </table> </td> <td></td> </tr> <tr> <td height="45"></td> <td> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <tr> <td align="left"> <table cellspacing="0" cellpadding="0" border="0"> <tr> <td width="20"></td> ${if:agent}${if:canpost} <td> <select id="predefined" size="1" class="answer"> <option>${msg:chat.window.predefined.select_answer}</option> ${page:predefinedAnswers} </select> </td> ${endif:canpost}${endif:agent} </tr> </table> </td> <td id="poweredByTD" align="center" class="copyr">${msg:chat.window.poweredby} <a id="poweredByLink" href="http://mibew.org" title="Mibew Community" target="_blank">mibew.org</a></td> <td align="right"> ${if:canpost} <table cellspacing="0" cellpadding="0" border="0" id="postmessage"> <tr> <td><a href="javascript:void(0)" onclick="return false;" class="but" id="sndmessagelnk">${msg:chat.window.send_message_short,send_shortcut}</a></td> </tr> </table> ${endif:canpost} </td> </tr> </table> </td> <td></td> </tr> <tr> <td width="10"><img src='${webimroot}/images/free.gif' width="10" height="1" border="0" alt="" /></td> <td width="100%"><img src='${webimroot}/images/free.gif' width="585" height="1" border="0" alt="" /></td> <td width="5"><img src='${webimroot}/images/free.gif' width="5" height="1" border="0" alt="" /></td> </tr> </table> </td> </tr> </table> </body> </html> |
作者: 花月痕, 发布日期: 2013-07-31 10:02:31 |
这里附上mibew的演示地址http://lnmp.ladyidiy.com/webim/index.php http://lnmp.ladyidiy.com/webim/client.php
|
回复 |
作者: 花月痕, 发布日期: 2013-07-31 10:38:25 |
现在有效果,但是不可以提交内容了,为什么? |
回复 |
作者: 花月痕, 发布日期: 2013-07-31 11:54:56 |
第一个是我用了tinykce http://lnmp.ladyidiy.com/webim164/client.php 第二个是我用了kindeditor http://lnmp.ladyidiy.com/webim/client.php
|
回复 |