<rt id="bn8ez"></rt>
<label id="bn8ez"></label>
  • 

    • <span id="bn8ez"></span>
    

    <label id="bn8ez"><meter id="bn8ez"></meter></label>
    

    
    

    




    







												


        

    
	

    
	
    
		
    
			
				
    The NoteBook of EricKong
    
				
    
			    		
		
    
	
    

    

    
	
    
		
    
			
				
 
BlogJava ::
首頁 ::
聯(lián)系 ::
聚合
 ::
管理

			
			
			
				

	
    
		
    
			
			
			
				 
				611 
				Posts ::
				1 Stories
				::
				190 Comments
				::
				0 Trackbacks
			
		
    
	
    

			    		
		
    
	
    

    


    

    
	
    
	
					

    
			
	
	
    
		
    最近準(zhǔn)備在自己的一個項目中使用開源的web編輯器TinyMce，遇到了程序獲取設(shè)置TineMce編輯器內(nèi)容的問題。用google搜索到了一些眉目，先總結(jié)如下。
    

    1.先講怎么設(shè)置TinyMce編輯器的內(nèi)容
    
    （1）如果在初始化編輯器之前，已經(jīng)給編輯器所處的控件設(shè)置了內(nèi)容，那么TinyMce在初始化的時候，會自動獲取控件的內(nèi)容。
    
    （2）在客戶端可以用下面的函數(shù)來隨時獲取內(nèi)容：
    

        <script language="javascript" type="text/javascript">
    
    <!--
    
        //功能：獲取TinyMce編輯器的內(nèi)容
    
        //參數(shù)：editorId——編輯器的id
    
        //返回：內(nèi)容字符串；如果失敗，返回空字符串
    
        function GetTinyMceContent(editorId)
    
        ...{
    
            return tinyMCE.getInstanceById(editorId).getBody().innerHTML;
    
        }
    
       
    
        //功能：設(shè)置TinyMce編輯器的內(nèi)容
    
        //參數(shù)：editorId——編輯器的id
    
        //        content——內(nèi)容
    
        //返回：（無）
    
        function SetTinyMceContent(editorId,content)
    
        ...{
    
            tinyMCE.getInstanceById(editorId).getBody().innerHTML=content;
    
        }
    
    //-->
    
</script>
    
2.我們再來看看如何獲取TinyMce編輯器的內(nèi)容
    
    （1）在頁面提交（即執(zhí)行Submit()）之后，TinyMce會自動將內(nèi)容寫入到控件中。
    
    （2）在客戶端還可以用下面的函數(shù)來隨時獲取編輯器的內(nèi)容
    


    
<script language="javascript" type="text/javascript">
    
    <!--
    
        //功能：獲取TinyMce編輯器的內(nèi)容
    
        //參數(shù)：editorId——編輯器的id
    
        //返回：內(nèi)容字符串；如果失敗，返回空字符串
    
        function GetTinyMceContent(editorId)
    
        ...{
    
            return tinyMCE.getInstanceById(editorId).getBody().innerHTML;
    
        }
    
    //-->
    
</script>
    
3.下面是一個完整的asp.net例子：
    
為了使用該示例，您必須下載有TinyMce，并放置在目錄“tiny_mce”中。
    


    
<%@ Page Language="C#" CodeFile="TinyMceTest.aspx.cs" Inherits="TinyMceTest" validateRequest=false %>
    

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

    <html xmlns="
<head runat="server">
    
    <title>無標(biāo)題頁</title>
    
    <!-- tinyMCE -->
    
    <script language="javascript" type="text/javascript" src="tiny_mce/tiny_mce.js"></script>
    
    <script language="javascript" type="text/javascript">
    
        // Notice: The simple theme does not use all options some of them are limited to the advanced theme
    
        tinyMCE.init({
    
            mode : "textareas",
    
            theme : "advanced",
    
            plugins : "devkit,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template",
    
            theme_advanced_buttons1_add_before : "save,newdocument,separator",
    
            theme_advanced_buttons1_add : "fontselect,fontsizeselect",
    
            theme_advanced_buttons2_add : "separator,insertdate,inserttime,preview,separator,forecolor,backcolor",
    
            theme_advanced_buttons2_add_before: "cut,copy,paste,pastetext,pasteword,separator,search,replace,separator",
    
            theme_advanced_buttons3_add_before : "tablecontrols,separator",
    
            theme_advanced_buttons3_add : "emotions,iespell,media,advhr,separator,print,separator,ltr,rtl,separator,fullscreen",
    
            theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,|,code",
    
            theme_advanced_toolbar_location : "top",
    
            theme_advanced_toolbar_align : "left",
    
            theme_advanced_path_location : "bottom",
    
            content_css : "example_full.css",
    
            plugin_insertdate_dateFormat : "%Y-%m-%d",
    
            plugin_insertdate_timeFormat : "%H:%M:%S",
    
            extended_valid_elements : "hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]",
    
            external_link_list_url : "example_link_list.js",
    
            external_image_list_url : "example_image_list.js",
    
            flash_external_list_url : "example_flash_list.js",
    
            media_external_list_url : "example_media_list.js",
    
            template_external_list_url : "example_template_list.js",
    
            file_browser_callback : "fileBrowserCallBack",
    
            theme_advanced_resize_horizontal : false,
    
            theme_advanced_resizing : true,
    
            nonbreaking_force_tab : true,
    
            apply_source_formatting : true,
    
            template_replace_values : {
    
                username : "Jack Black",
    
                staffid : "991234"
    
            }
    
        });
    
    </script>
    
    <!-- /tinyMCE -->
    
</head>
    
<body>
    
    <form id="form1" runat="server">
    
    <div>
    
        TinyMce測試頁面<br />
    
        <textarea id="edt1" rows="6" cols="20">這是第一個編輯框</textarea><br />
    
        <asp:TextBox ID="edt2" TextMode="MultiLine" Text="這是第2個編輯框" runat="server" Height="79px"></asp:TextBox>
    
        <br />
    
        <input type="button" id="btnGetContent" value="Get Content" onclick="alert(GetTinyMceContent('edt1'))" />
    
        <input type="button" id="btnSetContent" value="Set Content" onclick="var cnt='這是測試<b>內(nèi)</b>容設(shè)置';alert(cnt);SetTinyMceContent('edt2',cnt);" />
    
        <asp:Button ID="btnSubmit" runat="server" Text="Button" OnClick="btnSubmit_Click" />
    
    </div>
    
    </form>
    
    <script language="javascript" type="text/javascript">
    
    <!--
    
        //功能：獲取TinyMce編輯器的內(nèi)容
    
        //參數(shù)：editorId——編輯器的id
    
        //返回：內(nèi)容字符串；如果失敗，返回空字符串
    
        function GetTinyMceContent(editorId)
    
        {
    
            return tinyMCE.getInstanceById(editorId).getBody().innerHTML;
    
        }
    
       
    
        //功能：設(shè)置TinyMce編輯器的內(nèi)容
    
        //參數(shù)：editorId——編輯器的id
    
        //        content——內(nèi)容
    
        //返回：（無）
    
        function SetTinyMceContent(editorId,content)
    
        {
    
            tinyMCE.getInstanceById(editorId).getBody().innerHTML=content;
    
        }
    
    //-->
    
    </script>
    
</body>
    
</html>
    

	
    
	
	

    







    
	    
    


    
	
    Feedback
    
		
		
				
    			
					
    
						# re: 如何獲取和設(shè)置TinyMce編輯器的內(nèi)容
						
								2014-07-21 09:24
						
						12
					
    
					
    
						jjj  回復(fù)  更多評論
						
    
						  
					
    
				
    
				
    
			

    




    








    

				

    

    




    







    
        
	



主站蜘蛛池模板：
国产成人综合久久精品亚洲|
午夜私人影院免费体验区|
无套内射无矿码免费看黄|
亚洲精品成人网站在线播放|
亚洲AV无码之日韩精品|
成人免费777777|
免费成人福利视频|
免费精品99久久国产综合精品|
猫咪免费人成在线网站|
亚洲精品天堂成人片AV在线播放|
亚洲最大在线视频|
亚洲成a人片77777老司机|
亚洲自偷自偷图片|
亚洲精品线路一在线观看|
免费在线观看日韩|
免费无码又爽又刺激高潮的视频|
无人影院手机版在线观看免费
|
福利免费观看午夜体检区|
久久一本岛在免费线观看2020|
黄色视频在线免费观看|
永久免费无码网站在线观看个|
亚洲av无码成人影院一区|
亚洲精品无码专区在线|
亚洲精品无码mⅴ在线观看
|
好大好硬好爽免费视频|
无码中文字幕av免费放|
免费观看黄网站在线播放|
成人奭片免费观看|
免费无码又爽又刺激毛片|
日韩特黄特色大片免费视频|
永久免费bbbbbb视频|
国产成人高清精品免费软件|
国产精品黄页在线播放免费|
日韩免费毛片视频|
国产做床爱无遮挡免费视频|
免费一级一片一毛片|
亚洲人成网站色在线入口|
久久久久亚洲精品男人的天堂|
亚洲欧洲日产国码无码网站|
亚洲产国偷V产偷V自拍色戒|
亚洲日本中文字幕区|