`
tntxia
  • 浏览: 1511008 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

ckeditor实践

 
阅读更多

CKEditor是一个强大的,免费的HTML在线编辑器

 

一、建立编辑器

 

可以在http://ckeditor.com/免费下载CKEditor的源码和使用案例

 

使用方法很简单,只需要导入下载包里面的ckeditor.js

 

如:

 

 

<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<textarea class="ckeditor" name="editor" cols="100" rows="10"></textarea>

 注意name="editor"这是必须的,否则会显示不出来。

 

可以把name属性改为你需要的值,但不能没有name属性。

 

同时,可以Id来要作为编辑器的Textarea标签,如:

 

 

CKEDITOR.replace( 'content' );
 

 

二、修改主题

 

比如使用Office2003主题,使用代码如下:

 

 

 

CKEDITOR.replace( 'content',
					{
						skin : 'office2003'
					});

 

ckeditor提供了三套主题:kama,office2003,v2

 

 

 

分享到:
评论

相关推荐

    非常全面的CKEditor插件开发文档

    7. **最佳实践**:在开发CKEditor插件时,应注意保持插件代码的模块化和可维护性,遵循CKEditor的编码规范,以及使用CKEditor的内置函数和方法来处理编辑器内部的操作,以确保兼容性和稳定性。 8. **调试技巧**:...

    CKEditor 应用 源码 JSP

    CKEditor是一款广泛应用于Web开发中的富文本编辑器,它提供了丰富的文字格式化功能,使得用户在网页上可以像在桌面应用程序中一样编辑内容。...而"CKEditor 应用 源码 JSP"这套资料正是学习和实践这一技术的好助手。

    ckeditor4添加上传视频插件

    在IT行业中,富文本编辑器CKEditor 4是一款广泛应用的在线文本编辑工具,它提供了丰富的功能,如格式化、图片上传、链接...理解并实践这些知识点,将有助于开发者在实际项目中实现高效且用户体验良好的视频上传功能。

    ckeditor插入数据库例子

    这个“ckeditor插入数据库例子”是一个实践教程,帮助初学者理解如何将CKEditor编辑的内容存储到数据库中,以便于之后的显示或处理。我们将详细探讨CKEditor的使用,以及与数据库交互的关键步骤。 首先,CKEditor是...

    ckeditor Demo

    CKEditor是一款功能强大的富文本编辑器,被广泛应用于...总的来说,"ckeditorDemo"提供了一个学习和测试CKEditor的平台,通过分析和实践其中的代码,开发者可以更好地理解和掌握如何在自己的项目中有效地使用CKEditor。

    ckeditor及配置方法

    同时,通过阅读CKEditor的开发者文档和社区资源,你可以学习更多高级技巧和最佳实践。 总结,CKEditor是一个强大且灵活的富文本编辑器,通过合理的配置和API使用,可以轻松集成到你的项目中,提升用户体验。了解其...

    ckeditor3.2编译器

    **ckeditor3.2编译器** 是一款强大的富文本编辑器,主要用于在网页上实现类似Microsoft Word的文字编辑体验。这款编辑器广泛应用于网站...通过深入学习和实践,你可以利用它创建出具有专业级文档编辑功能的网页应用。

    Ckeditor自定义插件

    在IT行业中,富文本编辑器CKEditor是一款广泛...在本例中,我们不仅学习了如何创建自定义插件,还了解了如何与编辑器的选区、工具栏和内容操作进行交互,这对于任何想要扩展CKEditor功能的开发者都是非常宝贵的实践。

    ckeditor_aspnet_3.6.6.2.zip

    《CKEditor 3.6.6.2在ASP.NET中的应用详解》 CKEditor是一款功能强大的富文本编辑器,广泛应用于网页内容编辑。...通过深入理解和实践,开发者可以充分利用CKEditor的功能,打造高效、易用的Web应用程序。

    CKEditor5开发环境

    总的来说,CKEditor5是一个功能强大且可高度定制的富文本编辑器,它的开发环境对于JavaScript开发者来说是一个学习和实践的好平台。通过熟悉其源码、构建过程以及插件系统,你可以创建出符合项目需求的、具有出色...

    ckeditor 文本编辑 挺详细的

    **ckeditor文本编辑器详解** CKEditor是一款非常流行的开源富文本编辑器,广泛应用于网页内容的创建和编辑。...通过深入学习和实践,开发者可以充分利用CKEditor的各项特性,提升网页应用的用户体验。

    ckeditor_sample__5.zip

    CKEditor是一款广受欢迎的开源富文本编辑器,它为网页内容创作提供了强大的功能。...这个压缩包是实践和学习CKEditor 5的一个宝贵资源,对于任何想要使用或改进富文本编辑器功能的前端开发者都极具价值。

    CKEditor和KindEditor的使用教程

    CKEditor和KindEditor是两种广泛应用于网页开发中的富文本编辑器,它们允许用户在网页上进行类似Word的文本编辑操作,如格式化...无论是初学者还是经验丰富的开发者,都可以通过学习和实践快速掌握这两款编辑器的使用。

    ckeditor_3.2(传智播客中用到的)

    - **教学工具**:在传智播客的.NET课程中,CKEditor 3.2 作为示例或实践工具,帮助学生了解和实践Web前端开发中的富文本编辑功能。 - **学习资源**:可能用于创建和编辑课程笔记、作业或项目,提高学生的学习体验...

    ckeditor 带上传例子 for java jsp

    CKEditor是一款广泛...通过部署提供的WAR文件到Tomcat服务器,你可以学习和实践如何处理CKEditor的上传请求,以及如何在Java后端进行文件管理。这个例子对于学习Java Web开发和富文本编辑器集成具有很好的参考价值。

    ckeditor 和 ckfinder集成,并解决ckeditor和jquery dialog冲突问题

    博客文章中可能还涉及到了具体的代码示例和实践步骤,但由于描述内容为空,我们无法提供更详细的集成教程。对于实际开发中遇到的问题,开发者可以参考CKEditor和CKFinder的官方文档,或者寻求社区的帮助,例如在...

    ckeditor学习笔记

    ### CKEditor 学习笔记:实现自定义按钮与图片上传功能 #### 一、简介 在Web开发过程中,富文本编辑器...这对于初学者来说是非常宝贵的实践经验。希望本篇学习笔记能帮助大家更好地理解和掌握CKEditor的使用技巧。

    ckeditor自定义插件

    在IT行业中,编辑器是开发人员日常工作中不可或缺的工具,CKEditor是一款著名的富文本编辑器,广泛用于网页内容编辑和管理...通过不断的实践和探索,你可以创造出功能强大、个性化的CKEditor插件,满足各类项目的需求。

    Ckeditor ckfinder2.0.1超强整合 完整版 实践版 PHP

    **Ckeditor与Ckfinder整合详解** Ckeditor是一款广泛应用的开源富文本编辑器,以其功能强大、界面友好、易用性强而受到广大开发者喜爱。它提供了丰富的文本编辑功能,如字体设置、颜色调整、图片插入等,使得在网页...

    ckeditor带注释源码 未压缩 非压缩

    通过阅读注释,我们可以学习CKEditor的设计模式和最佳实践。 3. **插件系统** CKEditor的插件系统是其强大功能的关键。开发者可以通过编写自定义插件来扩展编辑器功能,如添加新的按钮、工具栏项或者处理特定的富...

Global site tag (gtag.js) - Google Analytics