`
jayghost
  • 浏览: 441851 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

CKEditor初体验

    博客分类：
  • Web
JSPJavaScriptCSSHTML 
阅读更多

1.Download the ckeditor.zip file from http://ckeditor.com/, decompress to WebRoot, we can delete _samples,  _source folder and some language js file in lang.

2.Use this code in index.jsp

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
request.setCharacterEncoding("utf-8");	
String ckeditorContent = request.getParameter("ckeditor");
%>
<%=ckeditorContent%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<script type="text/javascript" src="ckeditor/ckeditor.js"></script>

		<title>My JSP 'index.jsp' starting page</title>
		<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	</head>

	<body>
		<form action="index.jsp" method="post">
				<textarea cols="80" id="ckeditor_kama" name="ckeditor"
					rows="10">Hello World!</textarea>
					<script type="text/javascript">
					CKEDITOR.replace('ckeditor_kama',
						{
							//extraPlugins:'uicolor',
							//toolbar:[['Bold','Italic','-','NumberedList','BulletedList','-','Link','Unlink'],['UIColor']],
							uiColor:'#CCE8CF',
							skin:'kama'
						});
					</script>
				<input type="submit" value="submit" />
		</form>
	</body>
</html>

 

 

分享到：
| eclipse插件安装之link方式
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    ckeditor5全屏按钮

    在CKEditor 5中，全屏模式的设计注重用户体验，它允许用户在不离开编辑环境的情况下，轻松地调整字体、字号、颜色、对齐方式等格式设置。此外，全屏模式下仍然保留了实时预览功能，用户可以即时看到文本的样式变化，...

    ckeditor4 行高插件

    在网页编辑器的发展中，CKEditor一直以其强大的功能和良好的用户体验而备受青睐。CKEditor4是其重要的一代产品，它提供了丰富的可扩展性，允许用户根据需求定制编辑器的功能。在众多的插件中，“行高插件”是一个...

    ckeditor 自定义上传图片

    **ckeditor自定义上传图片** 在使用ckeditor作为富文本编辑器时，经常需要集成图片上传功能。ckeditor是一款强大的在线文本编辑器，它提供了丰富的文本格式化工具，使得在网页上编辑内容变得简单。然而，ckeditor...

    ckeditor 行间距插件

    这样，用户可以直观地调整当前选中文本的行间距，提升编辑体验。 3. **CSS样式应用**：行间距的改变会通过CSS样式实现，即`line-height`属性。此插件会动态地为选中文本添加或修改这一样式，确保在不同的浏览器和...

    CKEditor3.0稳定版

    CKEditor 3.0 稳定版是该编辑器的一个重要版本，它提供了丰富的功能和良好的用户体验。在这个版本中，开发者们对CKEditor进行了多方面的优化，以确保其在不同环境下的稳定性和兼容性。 首先，CKEditor 3.0 强化了...

    ckeditor4.0 最新版本

    3. **兼容性**：CKEditor 4.0 支持主流的Web浏览器，包括Chrome、Firefox、Safari、Edge和Internet Explorer，确保用户在不同环境下都能获得一致的编辑体验。同时，它也适应各种操作系统，如Windows、Mac OS X和...

    ckeditor数学公式编辑器

    在实际应用中，"ckeditor数学公式编辑器"可以极大地提升在线教育平台、学术论坛或技术博客的用户体验。教师和学生可以方便地在作业、论文或者讨论中插入精确的数学公式，而研究人员则可以在分享研究报告时，确保公式...

    ckeditor5_v19完整版

    《ckeditor5_v19完整版》是一款强大的在线文本编辑器，专为网页内容创作而设计。这个版本提供了全面的功能，适合直接部署在您的网站根目录下，为用户提供一个高效的文本编辑环境。它集成了多种工具，使用户可以方便...

    让ckeditor只读 让ckeditor只读

    把ckeditor 3.4的ckeditor.js复盖就行

    ckeditor-5 已增加调整行高

    **正文** ...总的来说，ckeditor-5此次增加的调整行高功能，不仅提升了用户体验，也增强了其在文本编辑领域的竞争力。无论是内容创作者还是开发者，都能从中受益，创造出更符合视觉审美的文本内容。

    ckeditor4音频视频上传自定义插件

    在IT行业中，富文本编辑器CKEditor 4是一款广泛应用的在线文本编辑工具，它提供了丰富的功能，如...这个过程涵盖了前端技术、后端接口设计以及用户体验等多个方面的知识，是提高CKEditor 4功能性和定制性的典型示例。

    ckeditor配置上传视频

    最近项目开发需要用到CKEditor在线编辑器，但发现他本身没有自带，所以需要自己手动配置插件。但网上很多配置都有问题，自己摸索了好久终于搞定。需要注意的细节有：flvPlayer文件夹的内容直接放在ckeditor文件夹...

    CKEditor2.6.rar

    CKEditor 2.6 版本是该编辑器的一个重要里程碑，它在前一版本的基础上进行了多方面的改进和优化，提升了用户体验和功能性。 首先，我们来了解一下 CKEditor 的核心功能。CKEditor 提供了完整的文字编辑功能，包括...

    ckeditor 最新的安装包

    8. **响应式设计**：CKEditor适应不同屏幕尺寸的设备，无论是在桌面端还是移动端，都能保持良好的用户体验。 9. **无障碍性**：遵循无障碍网页标准（WCAG），CKEditor确保视障人士也能通过屏幕阅读器等辅助工具使用...

    ckeditor 最好用版本

    CKEditor是一款广泛应用于企业网站的富...总的来说，CKEditor以其丰富的功能、优秀的用户体验和高度的可定制性，成为了企业网站的理想选择。无论是小型企业还是大型企业，都能从中受益，提升网站内容编辑的效率和质量。

    ckeditor5 全功能版（纯手工编译）

    **ckeditor5 全功能版（纯手工编译）** CKEditor 5 是一款现代、开源且功能强大的富文本编辑器，被广泛应用于网站、应用程序和其他需要高质量文本输入的场景。这款编辑器以其易于使用、高度可定制和丰富的功能集而...

    jsp中使用ckeditor

    在Java Web开发中，我们经常需要使用到富文本编辑器来提供用户友好的内容输入界面。CKEditor是一款功能强大的开源富文本编辑器，它支持多种编程...同时，不要忘记关注CKEditor的更新，以确保最佳的用户体验和安全性。

    CKEditor示例源码20121228

    CKEditor是一款功能强大的富文本编辑器，广泛应用于Web开发中，提供给用户类似桌面应用程序的文本编辑体验。这款编辑器支持HTML元素的创建、格式化、图像上传以及各种媒体嵌入，极大地提升了网页内容的编辑效率。...

    ckeditor的demo代码

    CKEditor是一款著名的富文本编辑器，它为网页提供高级文本编辑功能，广泛应用于网站内容管理、博客、论坛等在线交互平台。在这个“ckeditor的demo代码”中，我们主要关注的是如何在网页中集成并使用CKEditor，以及...

    CKEditor编辑器行高插件

    总的来说，CKEditor编辑器的行高插件是一个增强文本编辑体验的实用工具，它使用户在不离开编辑器的情况下就能调整文本的视觉效果，提升了编辑效率和用户体验。无论是日常的文字处理，还是专业的内容创作，行高插件都...

Magicbox
Global site tag (gtag.js) - Google Analytics