thinkphp整合ckeditor编辑器的方法介绍

发布时间:2020-04-19编辑:脚本学堂
本文介绍如何在thinkphp中整合ckeditor编辑器,有需要的朋友,可以参考下。

步骤1:下载编辑器http://ckeditor.com/download

步骤2:解压后重新命名文件夹为ckeditor放在项目公共目录。
我放在Public/ckeditor下

步骤3:
模板中这样写:
 

复制代码 代码示例:
<script type="text/javascript" src="__PUBLIC__/ckeditor/ckeditor.js"></script>

设置编辑器:
 

复制代码 代码示例:
<form action="{:u('Video/add')}" method="post" name="myform" id="myform"  enctype="multipart/form-data" >
<textarea name="content" id="content" ></textarea>
<input type="submit" value="保存">
</form>
<script type="text/javascript">
                CKEDITOR.replace('content',{
                     toolbar : 'Full',
                    uiColor : '#9AB8F3',
                    height:'200'
                });
</script>
 

根据自己的需要,简单配置下编辑器的样式即可。

通过以上三步,ckeditor编辑器便轻松整合到thinkphp中了,大家测试下与是否好用呢?