HTML 富文本编辑器插件 CKEditor

来源:互联网 发布:淘宝解除账号登录限制 编辑:程序博客网 时间:2024/06/05 13:27
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 插件
插件地址:http://ckeditor.com/addon/pastebase64
点击 【Add to my editor】,【Build My Editor】下载自定义 CKEditor,可选风格、插件、皮肤、语言等。
原创粉丝点击