简单的文本编辑器做法

来源:互联网 发布:学富淘宝视频教程下载 编辑:程序博客网 时间:2024/04/27 18:36

1,一般来说在textarea中加入一个编辑器是很有必要的,我们可以 根据开源代码来简单处理一下:先下tiny_mce包,其中包含一些js函数tiny_mce.js是最重要的一个js函数

2,引用函数:

<script>
   tinyMCE.init(
{
    force_br_newlines : 
true,     
    force_p_newlines : 
false,
    mode : 
"textareas",
    theme : 
"advanced",
    plugins : 
"searchreplace,advlink,advimage,media,insertdatetime,preview,advhr,print,fullscreen,contextmenu",
    theme_advanced_buttons1 : 
"bold,italic,underline,separator,bullist,numlist,separator,outdent,indent,separator,image,forecolor,backcolor,separator,formatselect,fontsizeselect,preview",
    theme_advanced_buttons2 : 
"",
    theme_advanced_buttons3 : 
"",
        
    theme_advanced_toolbar_location : 
"top",
    theme_advanced_toolbar_align : 
"left",
    extended_valid_elements : 
"a[name|href|target|title|onclick],img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name],hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]",

    language : 
"en",
    relative_urls: 
false
}
);
</script>

3,页面显示:

TD class="even"  width="9 ,5%" style="text-align: left;width: 90%;WORD-BREAK: break-all; WORD-WRAP: break-word;height:100px;">
    <html:hidden property="SendthemeTd/sendtextContent"/>
    <SCRIPT>document.write(document.getElementById('SendthemeTd/sendtextContent').value)</SCRIPT>
   </TD>

如果有分页情况:

 <SCRIPT>var i=parseInt(document.listForm.elements['PageCond/begin'].value);</SCRIPT>        

<html:hidden  id="ResultSet" property="entity/REBACK_CONTENT"/>
     <SCRIPT>document.write((document.getElementsByName('entity/REBACK_CONTENT')[i++]).value)</SCRIPT>

原创粉丝点击