您现在的位置是:首页 > cms教程 > phpcms教程phpcms教程
PHPCMS用的是什么编辑器,怎么集成CKEditor编辑器
陈茗卓2025-05-08phpcms教程已有人查阅
导读PHPCMS用的是CKEditor编辑器,CKEditor是新一代的FCKeditor,是一个重新开发的版本,该编辑器是全球最 的网页在线文字编辑器之一
PHPCMS用的是哪个编辑器?
PHPCMS用的是CKEditor编辑器,CKEditor是新一代的FCKeditor,是一个重新开发的版本,该编辑器是全球最的网页在线文字编辑器之一,因其惊人的性能与可扩展性而广泛的被运用于各大网站。
集成CKEditor
有若干个方式能将CKEditor集成到你的网页中,在这里介绍最常用的实现方法。
头一步:载入CKEditor
CKEditor是一个JavaScript应用程序,你只需要在你的网页中包含一个文件引用就能加载它。
如果你已经将CKEditor安装在了你网站的“ckeditor”目录,你可参照如下示例:
<script></script>
用以上方式加载,CKEditorJavaScriptAPI就准备就绪,可以使用了。
第二步:创建一个编辑器实例
CKEditor就像一个在你网页中的文本区域(textarea)一样工作,它提供了一个简单易写的用户界面、版式和丰富的文字输入区域。但用文本区域要实现同样的效果,并不容易,它需要用户输入html代码。
但是,实际上,CKEditor仍然是使用一个文本区域来传递它的数据到服务器上,这个文本区域对使用者来说是不可见的。所以,你必需创建并编辑一个实例,首先创建一个实例:
<textarea></textarea>
注意,如果你想要加载一些数据到编辑器中,例如从数据库中读出数据,只需要把数据放在文本区域(textarea)内就可以了,就像上面的例子一样。在这个例子中,我们已经将文本区域(textarea)命名这“editor1”。当接收POST提交的数据时,这个名字将被用在服务器操作。开始使用CKEditorJavascriptAPI,我们用一个编辑器实例来“替换(replace)”这个普通的文本区域(textarea),为此,必须加入如下一段JavaScript代码:
按照先前的描述,编辑器正如一个文本区域(textarea)一样工作,所以,当提交一个包含一个编辑器实例的表单时,他的数据也将是很简单的传递,用文本区域(textarea)的名称作为健名来接收数据。举个例子,按照上面的例子,在PHP中我们需要像这样来处理数据:
PHPCMS用的是CKEditor编辑器,CKEditor是新一代的FCKeditor,是一个重新开发的版本,该编辑器是全球最的网页在线文字编辑器之一,因其惊人的性能与可扩展性而广泛的被运用于各大网站。
集成CKEditor
有若干个方式能将CKEditor集成到你的网页中,在这里介绍最常用的实现方法。
头一步:载入CKEditor
CKEditor是一个JavaScript应用程序,你只需要在你的网页中包含一个文件引用就能加载它。
如果你已经将CKEditor安装在了你网站的“ckeditor”目录,你可参照如下示例:
<script></script>
用以上方式加载,CKEditorJavaScriptAPI就准备就绪,可以使用了。
第二步:创建一个编辑器实例
CKEditor就像一个在你网页中的文本区域(textarea)一样工作,它提供了一个简单易写的用户界面、版式和丰富的文字输入区域。但用文本区域要实现同样的效果,并不容易,它需要用户输入html代码。
但是,实际上,CKEditor仍然是使用一个文本区域来传递它的数据到服务器上,这个文本区域对使用者来说是不可见的。所以,你必需创建并编辑一个实例,首先创建一个实例:
<textarea></textarea>
注意,如果你想要加载一些数据到编辑器中,例如从数据库中读出数据,只需要把数据放在文本区域(textarea)内就可以了,就像上面的例子一样。在这个例子中,我们已经将文本区域(textarea)命名这“editor1”。当接收POST提交的数据时,这个名字将被用在服务器操作。开始使用CKEditorJavascriptAPI,我们用一个编辑器实例来“替换(replace)”这个普通的文本区域(textarea),为此,必须加入如下一段JavaScript代码:
<script>
CKEDITOR.replace( 'editor1' );
</script>
上面的脚本块只能包含在网页的
<script>
window.onload = function()
{
CKEDITOR.replace( 'editor1' );
};
</script>
第三步:保存编辑器内容数据按照先前的描述,编辑器正如一个文本区域(textarea)一样工作,所以,当提交一个包含一个编辑器实例的表单时,他的数据也将是很简单的传递,用文本区域(textarea)的名称作为健名来接收数据。举个例子,按照上面的例子,在PHP中我们需要像这样来处理数据:
<?php $editor_data = $_POST[ 'editor1' ];
?>
客户端数据处理一些用应中(如ajax应用)需要在客户端处理完所有的数据,然后用它自己的方式向服务器发送数据,在这些情况下,使用CKEditorAPI就足以轻松获取编辑器实例中的内容。例如:
<script>
var editor_data = CKEDITOR.instances.editor1.getData();
</script>
本文标签:
很赞哦! ()
上一篇:PHPCMS可以做网站吗
相关教程
图文教程
phpcms标签typeid是什么,有什么作用
phpcms typeid是什么?phpcms的内容搜索链接类似你的域名/index.php?m=search&c=index&a=init&typeid=55&siteid=1&q=关键字
phpcms添加文章的方法
phpcms添加文章的方法:首先,在管理字段:relation 相关文章这里,可以看到下面这段代码:
phpcms不能加水印的原因和解决方法示例
phpcms远程图片本地化不成功及加水印功能失效的解决教程具体修改如下:include/attachment.class.php添加了一个函数
PHPCMS数据库操作和日历代码使用方法
在IE下报Calendar未定义: 调用时在IE下报 “Calendar”未定义 的错误,致使日期控件无法使用原因是由在IE下,calendar.js文件加载没有阻塞Calendar.setup()方法的运行
相关源码
-
(自适应响应式)WORDwps办公资源教程资讯网站模板下载基于PbootCMS内核开发的响应式网站模板,为办公教程、WPS技巧分享、职场技能培训等场景打造。模板内置标准化文档分类体系,支持图文/视频教程混合展示,满足现代办公知识传播需求。查看源码 -
(自适应响应式)HTML5幕墙装饰工程建筑装修公司pbootcms模板下载基于PbootCMS开发的响应式模板,为幕墙工程、建筑装饰企业设计,通过数字化展示提升企业专业形象与项目展示能力。结构化数据标记增强项目案例收录,智能URL路由优化,支持每个工程案例独立设置关键词与描述查看源码 -
(自适应)帝国cms7.5文章新闻博客整站源码( 带会员中心)本模板基于帝国CMS内核开发,为新闻资讯、个人博客及作品展示类网站设计。采用响应式布局技术,确保在手机、平板和电脑等不同设备上都能获得良好的浏览体验。查看源码 -
(自适应响应式)pbootcms紫色美容整形机构企业模板下载基于PbootCMS内核开发的响应式网站模板,为医疗美容机构、整形医院等企业设计,提供完整的线上展示平台采用紫色系配色方案,整体风格专业大气。模板包含首页轮播、服务项目、专家团队、案例展示等核心模块,能够充分展示医疗美容机构的专业服务和特色优势。查看源码 -
(响应式)wordpress模板VieuV4.5主题资讯自媒体博客源码Vieu主题专注于个人博客与企业展示场景,采用响应式设计确保在手机、电脑、平板等多设备上的展示。主题集成会员中心、投稿系统、内容保护等实用功能,满足现代博客网站的建设需求。查看源码 -
(PC+WAP)聚氨酯粉末涂料防腐耐用材料粘合剂网站源码下载为化工涂料企业设计的展示系统,集成产品技术参数库、颜色样板展示器和配方查询模块。支持粉末涂料、环氧树脂等多类产品分类展示查看源码
| 分享笔记 (共有 篇笔记) |
