Sunday, August 20, 2017

最簡單的方式安裝CKEditor

寫過網站的都知道!CKEditor是一種編輯插件,可以在輸入框裡簡單的編輯,不用自己輸入HTML代碼

如何自己安裝呢?

步驟一請進入官方網站,為了節省空間,我們可以查看下面的內容,直接插入代碼即可。




 

稍微解釋一下
Basic Package  -- 基本
Standard package --標準
Full Package --全功能

步驟二直接將代碼放進去<head>....</head>裡面!


<head>
<title>例如</title>
<script src="http://cdn.ckeditor.com/4.4.3/full/ckeditor.js"></script>
</head>

步驟三找出你的文字欄位找到『name="xxxx"』,此時我們在次將代碼放入下方(xxx你自己設定的名稱)


<textarea name="abc"></textarea>
<script>
CKEDITOR.replace( abc' );  //這裡必須對應到名稱
</script>

範例:


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CKEditor</title>
<script src="http://cdn.ckeditor.com/4.4.3/full/ckeditor.js"></script>
</head>
<body>
<textarea name="editor1"></textarea>
<script>
CKEDITOR.replace( 'editor1' );
config.skin = 'office2013';
</script>
</body>
</html>

Labels: , ,

0 Comments:

Post a Comment

Subscribe to Post Comments [Atom]

<< Home