最簡單的方式安裝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>
0 Comments:
Post a Comment
Subscribe to Post Comments [Atom]
<< Home