| 主题: 为什么我按照替换textarea的方法没效果 |
| 作者: 花月痕, 发布日期: 2013-07-31 09:59:12, 浏览数: 3519 |
|
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
|
| 回复 |
