TShopping

 找回密碼
 註冊
搜索
查看: 959|回復: 2

[教學] 線上HTML編輯器 CKeditor 4.3

[複製鏈接]
發表於 2013-11-25 17:24:23 | 顯示全部樓層 |閱讀模式
 
Push to Facebook Push to Plurk Push to Twitter 
所見即所得編輯器

(1)
下載完成後,請解壓縮於所建立的網站目錄內,以方便套用
將程式放至<head></head>標籤之間
  1. <script type="text/javascript" src="./ckeditor/ckeditor.js"></script>
複製代碼

(2)建一textarea欄且類別命名為ckeditor,而該欄名可隨意,但自已需知道

test.php例子說明:(可直接把程式覆製起來練習)
  1. <html>
  2. <head>
  3.     <title>CKeditor使用例子教學 by woff</title>
  4.     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>   <!-- 預設路徑src="./ckeditor/ckeditor.js"若要放於不同路徑請改這裡-->
  5.     <script type="text/javascript" src="./ckeditor/ckeditor.js"></script>
  6.    
  7. </head>
  8. <body>
  9.   <form name="form" action="test.php" method="POST">  <!--若要控制CKeditor大小可用如下方式,用表格設定其大小-->  <table width="580" cellspacing="0" cellpadding="0">   <tr><td width="500">   <textarea class="ckeditor" cols="40" id="editor1" name="editor1" rows="10">       </textarea>   </td></tr>
  10.    </table>     <!--第二個CKeditor套用,注意類別一樣命名為ckeditor,但欄名需命名為不同-->         <textareaclass="ckeditor" cols="80" id="editor2" name="editor2" rows="10">      </textarea><br><input type="submit" value="送出"/>
  11.         
  12. </form>
  13. </body>
  14. </html><!--收取送出的資料,並顯示出來 -->
  15. <?phpecho $_POST['editor1'];   //放你隨意命名的欄名?>
複製代碼



 

臉書網友討論
發表於 2013-11-25 21:19:44 | 顯示全部樓層
牛X海海!!!

版主招募中

發表於 2014-7-31 17:01:40 | 顯示全部樓層
感謝分享~~感謝分享~~感謝分享~~感謝分享~~感謝分享~~


您需要登錄後才可以回帖 登錄 | 註冊 |

本版積分規則



Archiver|手機版|小黑屋|免責聲明|TShopping

GMT+8, 2016-12-11 12:32 , Processed in 0.056282 second(s), 22 queries .

本論壇言論純屬發表者個人意見,與 TShopping綜合論壇 立場無關 如有意見侵犯了您的權益 請寫信聯絡我們。

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回復 返回頂部 返回列表