文本区域"weywyg"粗体等

大家好,希望我在赖特(Wright)部分(我是新手). 我有一个Textarea,单击按钮,显示了TextArea中数据的HTML外观. 我在网络上找到的这个脚本(带有作者来源). 现在,我添加了以粗体等文本(在此论坛上找到的代码)进行文本的选项,但它不起作用. 这是代码(在PHP文件中):

选择 | 换行 | 行号
  1. <div align="center">
  2. <table style="width:600px;border:solid 1px #959492;background:#ebebea">
  3. <tr><td valign="top">
  4. <form name="f" method="post">
  5. <textarea id="$key" name="$key" style="border:solid 1px #b9b8b6;padding:5px;width:300px;height:100px;scroll:auto;" $varwrap rows="$t_rows" cols="$t_cols" onkeyup=\"checktxtr("$key", $t_max, "dl$key");\"  class=formst>".$fields_val[$key]."
  6. <a href="http://www.thenetter.com/scripts/" target="_new">More Free Scripts</a> dododod
  7. </textarea>
  8.  
  9.  
  10.  
  11.  
  12. <table onMouseover="changeto(event, "lightyellow")" onMouseout="changeback(event, "silver")"><tr><td><font face="trebuchet, arial, HELVETICA" COLOR="#000099" size="-2"><b>
  13. <div id="dl$key"></div></b></font></td><td><font face="trebuchet, arial, HELVETICA" COLOR="#000099" size="-2"><b>".$msg2["chars_left"]."</b></font></td></tr></table> 
  14. <script language="javascript">checktxtr("$key", $t_max, "dl$key");</script>
  15.  
  16. <BR>
  17. <button onclick="window.document.f.$key.value='<BR>';preview.document.write (document.getElementsByName ('$key')[0].value); preview.document.close(); preview.focus()">Nieuwe regel</button>
  18.  
  19.  
  20. <input type="button" name="Button" value="B" onclick="ChangeText(this.f.$key,);" />&nbsp;<input type="button" name="Button" value="U" onclick="ChangeText(this.f.$key,;" />&nbsp; 
  21. <input type="button" name="Button" value="LINE" onclick="ChangeText(this.f.$key,[HR SIZE=1] [/HR];" />&nbsp;<input type="button" name="Button" value="SPACE" onclick="ChangeText(this.f.$key,<BR />;"/>&nbsp;
  22.  
  23.  
  24. </td><td valign="top">
  25. <iframe src="about :blank" name="preview" style="height:100px;width:300px;border:solid 1px #b9b8b6;background:#ffffff" frameborder="0">
  26. </iframe>
  27. </td>
  28. </tr>
  29. </table>
  30.  
  31. <!--    getElementByTagName ('TEXTAREA')[0].value);  -->
  32.  
  33. <button onclick="preview.document.write (document.getElementsByName ('$key')[0].value); preview.document.close(); preview.focus()">Voorbeschouwing</button>
  34. <button onclick="window.document.f.$key.value='';preview.document.write (document.getElementsByName ('$key')[0].value); preview.document.close(); preview.focus()">Clear All</button>
  35. <button onclick="window.location.href=window.location.href">Ververs</button>
  36. </div>
  37. </form>
# 回答1

嗨,Sunadumari欢迎来到 TSDN ,,,, 请发布JavaScript函数CheckTXTR和变更,我似乎无法在您的代码中找到它们. 另外,请在HTML代码周围使用[Code = HTML] [/代码],并且[Code = JavaScript] [/code]围绕JavaScript代码. 谢谢你
# 回答2

好的. 对于我的问题,它们并不重要,但是这里是:

选择 | 换行 | 行号
  1. <script language='javascript'>
  2. <!--
  3. function checktxtr(txtrid, maxlngth, chrlr)
  4. {
  5. var txtr = document.forms['f'].elements[txtrid];
  6. var txtlngth = txtr.value.length;
  7. var chrlft = document.getElementById(chrlr);
  8.  
  9. if(txtlngth > maxlngth){txtr.value = txtr.value.substring(0, maxlngth); return;}
  10. chrlft.innerHTML = maxlngth- txtlngth;
  11. }
  12. --></script>
  13.  
选择 | 换行 | 行号
  1. function changeback(e,originalcolor){
  2. if (ie&&(event.fromElement.contains(event.toElement)||source.contains(event.toElement)||source.id=='ignore')||source.tagName=='TABLE')
  3. return
  4. else if (ns6&&(contains_ns6(source, e.relatedTarget)||source.id=='ignore'))
  5. return
  6. if (ie&&event.toElement!=source||ns6&&e.relatedTarget!=source)
  7. source.style.backgroundColor=originalcolor
  8. }
  9.  
# 回答3

你好 ... 您是否有指向测试页的链接...以便我们可以仔细研究它? 据我所知,您在第12行中发布的代码上应该有一个错误: [html] [/html] 在这里,您滥用了双引号...在双打内部可以使用单语引号,或者应该逃脱双人... 亲切的问候
# 回答4

嗨伙计, 我可能已经解决了它:我使用了此脚本 http://www.sitemasters.be/?pagina=sc...&cat=17&id=177 但是现在它没有显示html-preview(右边的iframe) [html] 函数setCursor() { if(document.frmpost.$ key.createtExtrange) { document.frmpost.$ key.caretpos = document.selection.createange(). } } 功能UBB(开始,Eind,Opmaak) { 如果(!eind &&!opmaak) { if(document.frmpost.$ key.createtExtrange && document.frmpost. { document.frmpost.$ key.caretpos.text = begin; } } 否则if(opmaak ==" dubbel") { var selectie = document.selection.createange().文本; 如果(!selectie) { var url_deel =提示(" typ hier de/het" + begin +" die/dat geplaatst moet worden:",""); var tekst_deel =提示(" typ hier de tekst die geplaatst moet worden:",""); if(url_deel && tekst_deel) { document.frmpost.$ key.caretpos.text =" ["+begin+" ="+url_deel+"]"+tekst_deel+" [/""+eind+"]"; } } if(selectie) { var url_deel =提示(" typ hier de url die die geplaatst moet worden:",""); 如果(url_deel) { document.selection.createange().text =" ["+begin+" ="+url_deel+"]"+selectie+" [/"+eind+"]"; } } } 别的 { 如果(opmaak!=" geen") { var selectie = document.selection.createange().文本; 如果(!selectie) { var new_inhoud =提示(" waarrond中的typ hier de tekst"+begin+"&"+"+eind+" geplaatst moet worden:",""); 如果(new_inhoud) { document.frmpost.$ key.caretpos.text = begin + new_inhoud + eind; } } if(selectie) { document.Selection.Createrange().text = begin + selectie + eind; } } } document.frmpost.$ key.focus(); 返回; } ".$ fields_val [$ key]."更多免费脚本Dododod ".$ msg2 [" chars_left"]. checktxtr(" $ key",$ t_max," dl $ key"); :空白" name =" preview" style ="高度:100px; width:300px; border:solid 1px#b9b8b6;背景:#ffffff" frameborder =" 0""> 预习 清除全部 茶点 '','' ','插入URL');"> '','' ','插入URL');"> '','' ','插入URL');"> '','' ','插入URL');"> '','' ','插入URL');"> '','' ','插入URL');"> [/html]
# 回答5

嗨伙计, 目前我现在正在使用这个 [html] 功能集光标() { if(document.f.$ key.createtExtrange) { document.f.$ key.caretpos = document.Selection.CreateAnge()poplicate(); } } 功能UBB(开始,结束,布局) { 如果(!end &&!格式) { if(document.f.$ key.createtExtrange && document.f.$ key.caretpos) { document.f.$ key.caretpos.text = bladit; } } 否则(格式==" double") { var selection = document.selection.createange().文本; 如果(!选择) { var url_deel =提示("键入/the" + benter +"此处/必须放置的那个:","); var text_deel =提示("在此处键入必须放置的文本:",""); 如果(url_deel && text_deel) { document.f.$ key.caretpos.text =" ["+begint+" ="+url_deel+"]"+text_deel+" [/"+end+end+"]; } } 如果(选择) { var url_deel =提示("在此处键入必须放置的URL:",""); 如果(url_deel) { document.selection.createange().text =" ["+start+" ="+url_deel+"]"+selection+" [/"+end+"]"; } } } 奥尔德 { 如果(布局!="无") { var selection = document.selection.createange().文本; 如果(!选择) { var new_tethoud =迅速("在此处输入文本"+start+"&"+end+必须放置:",""); if(new_ content) { document.f.$ key.caretpos.text = begint + new_ content + end; } } 如果(选择) { document.Selection.Createrange().text = begin + selection + end; end; } } } document.f.$ key.focus(); 返回; } 函数showhtml(){ // ref textarea textrea1 = document.gementById('$ key'); //在哪里查看HTML代码 viewhtml = document.getElementById('div1'); //最终在DIV中获取HTML输出 viewhtml.innerhtml = textarea1.value; } ".$ fields_val [$ key]." 多多多德 ".$ msg2 [" chars_left"]. checktxtr(" $ key",$ t_max," dl $ key"); 样式="位置:相对;宽度:350px;高度:200px;边界:1px固体 红色;溢出:自动"> 茶点 :白色"名称=" style ="高度:100px; width:300px; border:solid 1px#b9b8b6;背景:#ffffff" frameborder =" 0" 0""> - > - > - > - > - > ','','插入url');"> ','插入URL');"> ','','插入url');"> ','','插入url');"> ','','插入url');"> ','','插入url');"> [/html] 它运行良好,但似乎不是没有" Activatel"的UBB.PHP文件(我不想要) 如果有人需要看到ubb.php让我知道,我将在此处发布. 任何人都知道如何在此方面获得保障?

标签: Javascript

添加新评论