\n
      \n
      \n  
	







      国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂
      
	

      
    

      

	
	
      
		
      
			
      
							
      
					
      
						
      Jadual Kandungan
      
						
      
							
															
      
									ThinkPHP中使用Ueditor富文本編輯器，
								
      
														
      
					
      
				
      
							
      
					
      
						Rumah
						
												php教程
						
												php手冊
						
						ThinkPHP中使用Ueditor富文本編輯器，
					
      
					
					
      
						
      
							
      ThinkPHP中使用Ueditor富文本編輯器，
      
							
							Jun 13, 2016 am	 08:55 AM
															
      
																			thinkphp
																			Penyunting teks kaya
																	
      
														
						
      
					
      
					
      
					
      
						
      
						
						
						

					
      

      ThinkPHP中使用Ueditor富文本編輯器，
      

      具體插件下載：
      
http://ueditor.baidu.com/website/download.html#ueditor
      

      
UEditor官方文檔：
      
http://ueditor.baidu.com/website/document.html
      

      
之前于 "ThinkPHP-代碼" 案例中發(fā)布版本：
      
http://www.thinkphp.cn/code/175.html
      

      
UEditor解壓于:PUBLIC/Ueditor下(同級目錄有:Common,Conf,Lib,Tpl等)
      

      
例：在Tpl/model/model.html :
      


      <html>
<title>Ueditor文本編輯器</title>
<head>
  <title>完整demo</title>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
  
  <load href="__PUBLIC__/Ueditor/ueditor.config.js" />
  <load href="__PUBLIC__/Ueditor/ueditor.all.min.js" />
  
  <!--使用版-->
  <!--<script type="text/javascript" charset="utf-8" src="../ueditor.all.js"></script>-->
 
  <!--開發(fā)版-->
  <!--<script type="text/javascript" charset="utf-8" src="editor_api.js"> </script>-->
 
  <!--建議手動(dòng)加在語言，避免在ie下有時(shí)因?yàn)榧虞d語言失敗導(dǎo)致編輯器加載失敗-->
  <!--這里加載的語言文件會(huì)覆蓋你在配置項(xiàng)目里添加的語言類型，比如你在配置項(xiàng)目里配置的是英文，這里加載的中文，那最后就是中文-->
  <load href="__PUBLIC__/Ueditor/lang/zh-cn/zh-cn.js" />
 
  <style type="text/css">
    .clear {
      clear: both;
    }
  </style>
</head>
<body>
<div>
<form name='MyForm' id='MyForm' method='POST' action="__URL__/message_insert" >
  <script id="editor" name="editor" type="text/plain" style="width:1024px;height:300">
    從數(shù)據(jù)庫中取出文章內(nèi)容打印到此處?。。?  </script>
</form>
</div>
 
<div id="btns">
  <div>
    <button onclick="getAllHtml()">獲得整個(gè)html的內(nèi)容</button>
    <button onclick="getContent()">獲得內(nèi)容</button>
    <button onclick="setContent()">寫入內(nèi)容</button>
    <button onclick="setContent(true)">追加內(nèi)容</button>
    <button onclick="getContentTxt()">獲得純文本</button>
    <button onclick="getPlainTxt()">獲得帶格式的純文本</button>
    <button onclick="hasContent()">判斷是否有內(nèi)容</button>
    <button onclick="setFocus()">使編輯器獲得焦點(diǎn)</button>
  </div>
  <div>
    <button onclick="getText()">獲得當(dāng)前選中的文本</button>
    <button onclick="insertHtml()">插入給定的內(nèi)容</button>
    <button id="enable" onclick="setEnabled()">可以編輯</button>
    <button onclick="setDisabled()">不可編輯</button>
    <button onclick=" UE.getEditor('editor').setHide()">隱藏編輯器</button>
    <button onclick=" UE.getEditor('editor').setShow()">顯示編輯器</button>
    <button onclick=" UE.getEditor('editor').setHeight(300)">設(shè)置編輯器的高度為300</button>
  </div>
 
</div>
<div>
  <button onclick="createEditor()"/>
  創(chuàng)建編輯器</button>
  <button onclick="deleteEditor()"/>
  刪除編輯器</button>
  
  <button onclick="submitEditor()"/>
  提交</button>
</div>
</body>
<script type="text/javascript">
 
  //UEDITOR_HOME_URL、config、all這三個(gè)順序不能改變(絕對路徑)
  //window.UEDITOR_HOME_URL = "/ThinkPHP/Public/Ueditor/";  
  
  //實(shí)例化編輯器
  var ue = UE.getEditor('editor');
 
  function insertHtml() {
    var value = prompt('插入html代碼', '');
    ue.execCommand('insertHtml', value)
  }
  function createEditor() {
    enableBtn();
    UE.getEditor('editor');
  }
  function getAllHtml() {
    alert(UE.getEditor('editor').getAllHtml())
  }
  function getContent() {
    var arr = [];
    arr.push("使用editor.getContent()方法可以獲得編輯器的內(nèi)容");
    arr.push("內(nèi)容為：");
    arr.push(UE.getEditor('editor').getContent());
    alert(arr.join("\n"));
  }
  function getPlainTxt() {
    var arr = [];
    arr.push("使用editor.getPlainTxt()方法可以獲得編輯器的帶格式的純文本內(nèi)容");
    arr.push("內(nèi)容為：");
    arr.push(UE.getEditor('editor').getPlainTxt());
    alert(arr.join('\n'))
  }
  function setContent(isAppendTo) {
    var arr = [];
    arr.push("使用editor.setContent('歡迎使用ueditor')方法可以設(shè)置編輯器的內(nèi)容");
    UE.getEditor('editor').setContent('歡迎使用ueditor', isAppendTo);
    alert(arr.join("\n"));
  }
  function setDisabled() {
    UE.getEditor('editor').setDisabled('fullscreen');
    disableBtn("enable");
  }
 
  function setEnabled() {
    UE.getEditor('editor').setEnabled();
    enableBtn();
  }
 
  function getText() {
    //當(dāng)你點(diǎn)擊按鈕時(shí)編輯區(qū)域已經(jīng)失去了焦點(diǎn)，如果直接用getText將不會(huì)得到內(nèi)容，所以要在選回來，然后取得內(nèi)容
    var range = UE.getEditor('editor').selection.getRange();
    range.select();
    var txt = UE.getEditor('editor').selection.getText();
    alert(txt)
  }
 
  function getContentTxt() {
    var arr = [];
    arr.push("使用editor.getContentTxt()方法可以獲得編輯器的純文本內(nèi)容");
    arr.push("編輯器的純文本內(nèi)容為：");
    arr.push(UE.getEditor('editor').getContentTxt());
    alert(arr.join("\n"));
  }
  function hasContent() {
    var arr = [];
    arr.push("使用editor.hasContents()方法判斷編輯器里是否有內(nèi)容");
    arr.push("判斷結(jié)果為：");
    arr.push(UE.getEditor('editor').hasContents());
    alert(arr.join("\n"));
  }
  function setFocus() {
    UE.getEditor('editor').focus();
  }
  function deleteEditor() {
    disableBtn();
    UE.getEditor('editor').destroy();
  }
  
  //提交方法
  function submitEditor()  {
    //此處以非空為例
    if(ue.hasContents()){
      ue.sync();    //同步內(nèi)容
      document.MyForm.submit();
    }
  }  
  
  function disableBtn(str) {
    var div = document.getElementById('btns');
    var btns = domUtils.getElementsByTagName(div, "button");
    for (var i = 0, btn; btn = btns[i++];) {
      if (btn.id == str) {
        domUtils.removeAttributes(btn, ["disabled"]);
      } else {
        btn.setAttribute("disabled", "true");
      }
    }
  }
  function enableBtn() {
    var div = document.getElementById('btns');
    var btns = domUtils.getElementsByTagName(div, "button");
    for (var i = 0, btn; btn = btns[i++];) {
      domUtils.removeAttributes(btn, ["disabled"]);
    }
  }
 
</script>
      



						
      
					
      
					
      
						
      Kenyataan Laman Web ini
      
						
      Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
      
					
      
				
      

				



				
      


				
    


					


											
      
							
      
								
      
									
									
      Alat AI Hot
      
								
      
								
      
																		
      
											
												Undress AI Tool
											
											
      
												
													
      Undress AI Tool
      
												      
												
      Gambar buka pakaian secara percuma
      
											
      
										
      
																		
      
											
												Undresser.AI Undress
											
											
      
												
													
      Undresser.AI Undress
      
												      
												
      Apl berkuasa AI untuk mencipta foto bogel yang realistik
      
											
      
										
      
																		
      
											
												AI Clothes Remover
											
											
      
												
													
      AI Clothes Remover
      
												      
												
      Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
      
											
      
										
      
																		
      
											
												Clothoff.io
											
											
      
												
													
      Clothoff.io
      
												      
												
      Penyingkiran pakaian AI
      
											
      
										
      
																		
      
											
												Video Face Swap
											
											
      
												
													
      Video Face Swap
      
												      
												
      Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
      
											
      
										
      
																
      
								
							
      
						
      
					


					


											
      
							
      
								
      
									
									
      Alat panas
      
								
      
								
      
																		
      
											
												Notepad++7.3.1
											
											
      
												
													
      Notepad++7.3.1
      
												      
												
      Editor kod yang mudah digunakan dan percuma
      
											
      
										
      
																			
      
											
												SublimeText3 versi Cina
											
											
      
												
													
      SublimeText3 versi Cina
      
												      
												
      Versi Cina, sangat mudah digunakan
      
											
      
										
      
																			
      
											
												Hantar Studio 13.0.1
											
											
      
												
													
      Hantar Studio 13.0.1
      
												      
												
      Persekitaran pembangunan bersepadu PHP yang berkuasa
      
											
      
										
      
																			
      
											
												Dreamweaver CS6
											
											
      
												
													
      Dreamweaver CS6
      
												      
												
      Alat pembangunan web visual
      
											
      
										
      
																			
      
											
												SublimeText3 versi Mac
											
											
      
												
													
      SublimeText3 versi Mac
      
												      
												
      Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
      
											
      
										
      
																	
      
								
							
      
						
      
										

					
					
      
						
      
							
      
								
								
      Topik panas
      
							
      
							
      
															
															
      
									Tutorial PHP
									
      
										
      
											
											1502
										
      
										
      
											
											276
										
      
									
      
								
      
														
      
							
						
      
					
      
				
      
			
      
							
      
					
      
						
						
      

													
      
								
									Bagaimana untuk menjalankan projek thinkphp
								
								Bagaimana untuk menjalankan projek thinkphp
								Apr 09, 2024 pm	 05:33 PM
								
      Untuk menjalankan projek ThinkPHP, anda perlu: memasang Komposer untuk mencipta projek, masukkan direktori projek dan laksanakan php bin/console serve;
      
							
      
														
      
								
									Terdapat beberapa versi thinkphp
								
								Terdapat beberapa versi thinkphp
								Apr 09, 2024 pm	 06:09 PM
								
      ThinkPHP mempunyai berbilang versi yang direka untuk versi PHP yang berbeza. Versi utama termasuk 3.2, 5.0, 5.1 dan 6.0, manakala versi kecil digunakan untuk membetulkan pepijat dan menyediakan ciri baharu. Versi stabil terkini ialah ThinkPHP 6.0.16. Apabila memilih versi, pertimbangkan versi PHP, keperluan ciri dan sokongan komuniti. Adalah disyorkan untuk menggunakan versi stabil terkini untuk prestasi dan sokongan terbaik.
      
							
      
														
      
								
									Bagaimana untuk menjalankan thinkphp
								
								Bagaimana untuk menjalankan thinkphp
								Apr 09, 2024 pm	 05:39 PM
								
      Langkah-langkah untuk menjalankan ThinkPHP Framework secara setempat: Muat turun dan nyahzip ThinkPHP Framework ke direktori tempatan. Buat hos maya (pilihan) yang menunjuk ke direktori akar ThinkPHP. Konfigurasikan parameter sambungan pangkalan data. Mulakan pelayan web. Mulakan aplikasi ThinkPHP. Akses URL aplikasi ThinkPHP dan jalankannya.
      
							
      
														
      
								
									Mana yang lebih baik, laravel atau thinkphp?
								
								Mana yang lebih baik, laravel atau thinkphp?
								Apr 09, 2024 pm	 03:18 PM
								
      Perbandingan prestasi rangka kerja Laravel dan ThinkPHP: ThinkPHP umumnya berprestasi lebih baik daripada Laravel, memfokuskan pada pengoptimuman dan caching. Laravel berfungsi dengan baik, tetapi untuk aplikasi yang kompleks, ThinkPHP mungkin lebih sesuai.
      
							
      
														
      
								
									Bagaimana untuk memasang thinkphp
								
								Bagaimana untuk memasang thinkphp
								Apr 09, 2024 pm	 05:42 PM
								
      Langkah pemasangan ThinkPHP: Sediakan persekitaran PHP, Komposer dan MySQL. Buat projek menggunakan Komposer. Pasang rangka kerja dan kebergantungan ThinkPHP. Konfigurasikan sambungan pangkalan data. Hasilkan kod aplikasi. Lancarkan aplikasi dan lawati http://localhost:8000.
      
							
      
														
      
								
									Bagaimanakah prestasi thinkphp?
								
								Bagaimanakah prestasi thinkphp?
								Apr 09, 2024 pm	 05:24 PM
								
      ThinkPHP ialah rangka kerja PHP berprestasi tinggi dengan kelebihan seperti mekanisme caching, pengoptimuman kod, pemprosesan selari dan pengoptimuman pangkalan data. Ujian prestasi rasmi menunjukkan bahawa ia boleh mengendalikan lebih daripada 10,000 permintaan sesaat, dan digunakan secara meluas dalam tapak web dan sistem perusahaan berskala besar seperti JD.com dan Ctrip dalam aplikasi praktikal.
      
							
      
														
      
								
									Cadangan pembangunan: Cara menggunakan rangka kerja ThinkPHP untuk pembangunan API
								
								Cadangan pembangunan: Cara menggunakan rangka kerja ThinkPHP untuk pembangunan API
								Nov 22, 2023 pm	 05:18 PM
								
      Cadangan pembangunan: Cara menggunakan rangka kerja ThinkPHP untuk pembangunan API Dengan pembangunan berterusan Internet, kepentingan API (Antara Muka Pengaturcaraan Aplikasi) telah menjadi semakin menonjol. API ialah jambatan untuk komunikasi antara aplikasi yang berbeza Ia boleh merealisasikan perkongsian data, panggilan fungsi dan operasi lain, dan menyediakan pembangun kaedah pembangunan yang agak mudah dan pantas. Sebagai rangka kerja pembangunan PHP yang sangat baik, rangka kerja ThinkPHP adalah cekap, berskala dan mudah digunakan.
      
							
      
														
      
								
									Cadangan pembangunan: Cara menggunakan rangka kerja ThinkPHP untuk melaksanakan tugas tak segerak
								
								Cadangan pembangunan: Cara menggunakan rangka kerja ThinkPHP untuk melaksanakan tugas tak segerak
								Nov 22, 2023 pm	 12:01 PM
								
      "Cadangan Pembangunan: Cara Menggunakan Rangka Kerja ThinkPHP untuk Melaksanakan Tugas Asynchronous" Dengan perkembangan pesat teknologi Internet, aplikasi Web mempunyai keperluan yang semakin tinggi untuk mengendalikan sejumlah besar permintaan serentak dan logik perniagaan yang kompleks. Untuk meningkatkan prestasi sistem dan pengalaman pengguna, pembangun sering mempertimbangkan untuk menggunakan tugas tak segerak untuk melaksanakan beberapa operasi yang memakan masa, seperti menghantar e-mel, memproses muat naik fail, menjana laporan, dsb. Dalam bidang PHP, rangka kerja ThinkPHP, sebagai rangka kerja pembangunan yang popular, menyediakan beberapa cara mudah untuk melaksanakan tugas tak segerak.
      
							
      
													
      

													
								See all articles