fckeditor 的用法

時間 2020-04-28

原文原文鏈接

fckeditor 的用法

一、安裝：下載fckeditor後吧=把解壓後的fckeditor文件夾拷貝到webRoot的根目錄下
二、驗證：在瀏覽器中輸入下面地址：

http://<your site>/<FCKeditor installation path>/_samples/default.html能看到頁面說面安裝成功；
三、整合：採用JAVASCRIPT方式：
   1》把下面語句映入到<head>標籤中
<script type="text/javascript" src="fckeditor/fckeditor.js"></script>

Step 2

Now the FCKeditor class is available and ready to use. There are three ways to create an FCKeditor in your page:

Method 1

The inline method (preferred): Go to the body of your page, to the place you want the editor to be (usually inside a form) and place the following script there:

Method 2

The TEXTAREA replacement method:

In <HEAD> add the " method:

In <BODY> add the below code to replace an existing TEXTAREA in the page:

<textarea id="MyTextarea" name="MyTextarea">This is <b>the</b> initial value.</textarea>

Method 3

The CreateHtml() method (for AJAX): For an AJAX application, you'll be setting the inner html dynamically; for example:

var div = document.getElementById("myFCKeditor"); var fck = new FCKeditor("myFCKeditor"); div.innerHTML = fck.CreateHtml();

Sample code

Sample code 1

<html> <head> <title>FCKeditor - Sample</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="robots" content="noindex, nofollow"> <script type="text/javascript" src="fckeditor/fckeditor.js"></script> </head> <body> <form> <script type="text/javascript"> var oFCKeditor = new FCKeditor('FCKeditor1'); oFCKeditor.BasePath = "/fckeditor/"; oFCKeditor.Create(); </script> </form> </body> </html>

Sample code 2

<html> <head> <title>FCKeditor - Sample</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="robots" content="noindex, nofollow"> <script type="text/javascript" src="fckeditor/fckeditor.js"></script> <script type="text/javascript"> window.onload = function() { var oFCKeditor = new FCKeditor( 'MyTextarea' ) ; oFCKeditor.BasePath = "/fckeditor/" ; oFCKeditor.ReplaceTextarea() ; } </script> </head> <body> <textarea id="MyTextarea" name="MyTextarea">This is <b>the</b> initial value.</textarea> </body> </html>