thinkphp整合ckeditor编辑器使用说明

下面说一下thinkphp 中整合ckeditor

步骤1:下载编辑器http://ckeditor.com/download 找到自己要用的版本，目前最新4

步骤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>

并简单的配置编辑器的样式。

时间： 2024-12-21 16:01:16

thinkphp整合ckeditor编辑器使用说明的相关文章

thinkphp整合kindeditor编辑器详解

具体方法 本人使用 的是@version 4.1.2 现在应该有更新了KindEditor 4.1.4 已经发布 KindEditor主要特点 快速:体积小,加载速度快 开源:开放源代码,高水平,高品质 底层:内置自定义 DOM 类库,精确操作 DOM 扩展:基于插件的设计,所有功能都是插件,可根据需求增减功能 风格:修改编辑器风格非常容易,只需修改一个 CSS 文件 兼容:支持大部分主流浏览器,比如 IE.Firefox.Safari.Chrome.Opera 下面说一下kindeditor在

在ThinkPHP整合各种在线编辑器

今天一个客户要求在编辑器里增加可以拖动图片的方法,研究了很久,发现这几种编辑器只有在ie下才可以拖动图片大小,包括网易用的编辑器,QQ空间的编辑器,先提前声明一下.下面进入重点 1.百度编辑器ueditor 先新建项目,生成以后在目录下新建一个plugins文件夹 然后下载ueditor,地址:http://ueditor.baidu.com/website/download.html,注意编码.下载以后解压将整合文件夹放到plugins里,并且改名为ueditor 将项目名/Lib/Actio

ThinkPHP整合百度Ueditor图文教程_php实例

ThinkPHP整合百度Ueditor,基于黄永成老师的视频说明的 申明:最好大家都能写绝对路径的都写好绝对路径比如:window.UEDITOR_HOME_URL 他在教程里面已经说了的,我就不再次说了啊,就一笔带过,好了不废话! 在调用编辑器的时候首先先初始化一些值: <script type="text/javascript" charset="utf-8"> window.UEDITOR_HOME_URL = "/Public/uedi

为ckeditor编辑器修改添加一键排版功能

  使用PHPCMS V9的朋友都知道,V9内置使用ckeditor编辑器,但是默认编辑器的排版功能不是很强大,下面绿茶小编教大家修改一下编辑器,改动几个地方,让Ckeditor编辑更加实用一些. 1.批量去除超链接: 打开 statics/js/ckeditor/ckeditor.js 找到: $.execCommand('unlink',false,null); 修改为: $.execCommand('unlink',false,true); 2.上传图片自动添加ALT参数 修改 stati

织梦整合百度编辑器保存栏目内容为空了

问题描述 织梦整合百度编辑器保存栏目内容为空了 织梦整合了下百度编辑器,编辑器是好了,倒是保存栏目内容后却是空的,不知道哪位遇到过,谢谢!

ckeditor编辑器中文件上传的选项中把&amp;amp;quot;超链接&amp;amp;quot;和&amp;amp;quot;高级去掉&amp;amp;quot;怎么去掉?

问题描述 ckeditor编辑器中文件上传的选项中把"超链接"和"高级去掉"怎么去掉? ckeditor编辑器中文件上传的选项中把"超链接"和"高级去掉"怎么去掉?我用的是最新的ckeditor 解决方案 在ckeditor文件夹中的config.js 加入 config.removeDialogTabs = 'image:advanced;image:Upload;image:Link'; 解决方案二: 在ckeditor文

Dwz与thinkphp整合下的数据导出到Excel实例_php实例

本文实例讲述了Dwz与thinkphp整合下的数据导出到Excel的方法.分享给大家供大家参考.具体方法如下: 这个问题困扰了我很久,终于还是自己写JQUERY把它搞掂了,希望能对遇到同样问题的人有所帮助,好吧,下面就是源代码: jquery代码如下: 复制代码 代码如下: $(function(){            //_getIds方法就是获取已选的要导出的数据的ID,设了两个参数selectedIds--已选id的input名称,targetType-->碎片模式,默认是navTab

ckeditor编辑器上传图片自动加style尺寸

问题描述 ckeditor编辑器上传图片自动加style尺寸 1:织梦的系统.默认的编辑器 ckeditor2:文章模型.3:上传单张图片,总是自动获取尺寸后加入到代码中转换之后的代码如现在我网站响应式,图片不能定义宽高.自动加成这样.会拉伸变形.请大师指点如何解决. 解决方案 kindeditor/ckeditor编辑器加+图片自动上传成功(源码下载)

dwz+asp.net 用ckeditor编辑器，取不到编辑器的值？？

问题描述 dwz+asp.net用ckeditor编辑器,取不到编辑器的值??但其它的值能取到,也能插入数据库,弄了好几天了清行,??没用dwz它自己带的编辑器,那个不能上传图片,要写代码吧,?代码:<divclass="pageContent"><formmethod="post"action="ajax/articleAdd.ashx"class="pageFormrequired-validate"on