所見即所得編輯器
(1)
下載完成後,請解壓縮於所建立的網站目錄內,以方便套用 將程式放至<head></head>標籤之間 - <script type="text/javascript" src="./ckeditor/ckeditor.js"></script>
複製代碼
(2)建一textarea欄且類別命名為ckeditor,而該欄名可隨意,但自已需知道
test.php例子說明:(可直接把程式覆製起來練習) - <html>
- <head>
- <title>CKeditor使用例子教學 by woff</title>
- <meta content="text/html; charset=utf-8" http-equiv="content-type"/> <!-- 預設路徑src="./ckeditor/ckeditor.js"若要放於不同路徑請改這裡-->
- <script type="text/javascript" src="./ckeditor/ckeditor.js"></script>
-
- </head>
- <body>
- <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>
- </table> <!--第二個CKeditor套用,注意類別一樣命名為ckeditor,但欄名需命名為不同--> <textareaclass="ckeditor" cols="80" id="editor2" name="editor2" rows="10"> </textarea><br><input type="submit" value="送出"/>
-
- </form>
- </body>
- </html><!--收取送出的資料,並顯示出來 -->
- <?phpecho $_POST['editor1']; //放你隨意命名的欄名?>
複製代碼
|