HTML 富文本編輯器插件 CKEditor

CKEditor 首頁:http://ckeditor.com/

一、使用

1、將ckeditor整個文件夾放到網站資源目錄下。

2、 在要添加ckeditor的網頁上加入ckeditor.js。
<!DOCTYPE html>
<html lang="en">
<head>
    <!--<script src="ckeditor/ckeditor.js"></script>-->
    <script src="resourse/ckeditor/ckeditor.js"></script>
    <meta charset="UTF-8">
    <title>Title</title>
</head>

3、在要轉換成富文本的textarea下方編寫js:CKEDITOR.replace('textarea的name')
<!DOCTYPE html>
<html lang="en">
<head>
    <!--<script src="ckeditor/ckeditor.js"></script>-->
    <script src="resourse/ckeditor/ckeditor.js"></script>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <textarea rows="30" cols="50" name="editor01">請輸入.</textarea>
    <script type="text/javascript">CKEDITOR.replace('editor01');</script>
</body>
</html>



二、添加 【粘貼圖片爲 base64 格式】插件

下載 CKEditor 時需要添加 Paste image as base64 插件
點擊 【Add to my editor】,【Build My Editor】下載自定義 CKEditor,可選風格、插件、皮膚、語言等。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章