使用CKEditor - HSYS博客 - ITeye博客

`

hsys

浏览: 290564 次
性别:
来自: 杭州

最近访客更多访客>>

cserbaby

janiter

buralin

xuzhou530

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

kane0409： NB，解决了，我是把里面两个文件夹中的文件单独复制到eclip ...
解决initializing java tooling(1%)
string2020：那如果不采用Tomcat容器认证，怎么办？
Tomcat Session共享
hety163：删除当前工作目录下的WORKSPACE/.metadata/. ...
解决initializing java tooling(1%)
fox13754888170：害的我好惨啊每天工具不动弹领导还以为我偷懒呢。。。。 ...
解决initializing java tooling(1%)
ywc123zk：十分感谢，myeclipse8.0也出现这种情况，用你的方法解 ...
解决initializing java tooling(1%)

使用CKEditor

博客分类：

JavaScript

阅读更多

<html>
	<head>
		<script type="text/javascript" src="ckeditor/ckeditor.js"></script>	
		<script>
			CKEDITOR.replace('TextArea1');
			
		</script>
	</head>
	<body>
		<form action="1.html" method="post">
			<textarea id="TextArea1" cols="20" rows="2" class="ckeditor" name="txt"></textarea>
			<input type="button" onclick="alert(CKEDITOR.instances.TextArea1.getData())" value="输出"/>
			<br/><br/><br/><br/><br/><br/><br/>
			<div id="divOut" style="border:1px red solid">
				<textarea id="myText" >dsfasdf</textarea>
				<script type="text/javascript">CKEDITOR.replace('myText');</script>
				<input type="submit" onclick="javascript:alert(CKEDITOR.instances.myText.getData())" value="输出"/>
			</div>
		<form>
	</body>
</html>

两种方式的加载CKEditor，输出的时候instances.对方的id，不是name

分享到：

窗体关闭事件 | 英文单词太长不换行

2010-01-18 15:54
浏览 1385
评论(0)
分类:Web前端
查看更多

评论

发表评论

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

相关推荐

jsp中使用ckeditor: 2. `ckeditor-java-core-3.5.3.jar`：这是CKEditor Java库的核心文件，包含了CKEditor与Java交互的代码，我们需要将其添加到项目的类路径中，以便在JSP页面上使用CKEditor。 3. `ckeditor-java-core-3.5.3-sources....

基于asp.NET的留言板系统，要求：留言使用CKEditor进行编辑.zip: 【ASP.NET技术基础】 ...开发者需要关注的主要技术点包括ASP.NET Web Forms的开发、CKEditor的集成和使用，以及留言板系统的整体设计和实现。同时，要确保系统的稳定性和安全性，以提供良好的用户体验。

使用ckeditor+struts2+freemaker的图片上传: 总结来说，"使用ckeditor+struts2+freemaker的图片上传"涉及到前端CKEditor的配置、后端Struts2的Action处理和FreeMarker模板的渲染。理解这三个组件的工作原理和交互方式，能够帮助我们构建一个安全、高效的图片...

asp.net 使用ckeditor5富文本编辑器包含图片上传全部代码: // 返回成功信息，包括图片URL，供CKEditor5使用 return Json(new { success = true, url = Url.Content($"~/Content/Images/{fileName}") }); } return Json(new { success = false }); } ``` 为了使CKEditor...

asp使用ckeditor和ckfinder上传图片设置: 在asp中使用ckeditor开启图片上传功能的设置方法： 1、下载asp版本的ckfinder，放到ckeditor目录下 2、修改ckeditor\config.js,加上如下内容： CKEDITOR.editorConfig = function( config ) { config.scayt_...

c# mvc中使用ckeditor上传图片介绍: 以下是使用CKEditor在C# MVC中实现图片上传的详细步骤和关键知识点：首先，你需要从CKEditor官网（http://ckeditor.com/builder）下载所需的插件。在网站上，你可以根据项目需求选择并定制编辑器的功能，例如仅...

JSP使用ckeditor和ckfinder实现富文本及文件上传: 在这个场景中，"JSP使用ckeditor和ckfinder实现富文本及文件上传"是一个常见的需求，尤其是在构建内容管理系统或者论坛等需要用户编辑和上传内容的Web应用中。 ckeditor是一款流行的开源JavaScript富文本编辑器，它...

CKEditor配置好的MyEclipse实例: 4. **初始化CKEditor**：在页面中找到目标文本输入框，使用JavaScript代码初始化CKEditor，替换该输入框。例如： ```javascript <textarea id="myEditor"></textarea> CKEDITOR.replace('myEditor'); ``` ...

ckeditor5全屏按钮: 在使用CKEditor 5时，开发者可以通过自定义配置来调整全屏按钮的行为。例如，他们可以选择是否在初始化时显示全屏按钮，或者自定义全屏模式下的工具栏布局。此外，还可以通过监听编辑器的事件来在全屏模式切换时执行...

让ckeditor只读让ckeditor只读: 把ckeditor 3.4的ckeditor.js复盖就行

CKEditor使用介绍: 在本文中，我们将深入探讨CKEditor的使用，包括如何集成到ASP.NET项目中，以及如何利用C#和VS2010进行配置和定制。一、CKEditor的安装与引入 1. 首先，你需要下载CKEditor的开发包。这通常是一个.zip或.tar.gz...

ckeditor4 行高插件: 《ckeditor4行高插件详解及应用》在网页编辑器的发展中，CKEditor一直以其强大的功能和良好的用户体验而备受青睐。...对于使用CKEditor4的开发者而言，理解和利用好这个插件，无疑能为他们的项目增添更多价值。

ckeditor5_v19完整版: 首先，`ckeditor5_v19` 是CKEditor的最新稳定版本，CKEditor是业界广泛使用的富文本编辑器，以其高度定制化和良好的兼容性著称。此版本的发布意味着它已经经过了充分的测试，能够稳定地运行在各种浏览器和操作系统上...

ckEditor在jsp中的使用: ### ckEditor在JSP中的使用详解 #### 一、引言 ckEditor是一款非常流行的富文本编辑器，它能够提供强大的文本编辑功能，包括图片上传、格式化文本等，广泛应用于各类网站和应用中。本文将详细介绍如何在JSP页面中...

ckeditor_3.0.1的使用: 下面我们将详细探讨CKEditor 3.0.1的使用及其相关知识点。 1. **CKEditor的基本概念**： - CKEditor是一款基于JavaScript的WYSIWYG（所见即所得）编辑器，它将HTML编辑区域转化为类似Word的交互界面，用户可以直接...

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

strapi-custom-ckeditor5:使用CKEditor 5的自定义Strapi Rich Text编辑器: Strapi的自定义编辑器，它是在... 并在trapi上使用它：在以下位置创建CKEditor组件： strapi/app/extensions/content-manager/admin/src/components/CKEditor/index.js import { CKEditor } from '@ckeditor/ckedit

ckeditor 3.3.1 编辑器使用说明: ### CKEditor 3.3.1 使用说明 #### 一、简介 CKEditor是一款非常流行的开源富文本编辑器，广泛应用于各种网站与应用程序之中。它提供了丰富的文本编辑功能，包括但不限于格式化文本、插入图片、表格等。版本3.3.1...

CKEditor全部弄能插件: 4. **交互处理**：使用CKEditor的API与编辑器内容进行交互，如获取或设置内容、监听编辑事件等。 5. **处理上传文件**：如果需要支持文件上传，后端需提供接收文件的接口，并处理上传的请求。 "CKEditor全功能插件...

ckeditor_3.4.1附带使用说明: - `docs`或`readme`文件：提供了详细的使用说明和API文档，帮助开发者理解和使用CKEditor。 - `license.txt`：CKEditor的许可协议，通常为GPL或LGPL。在使用CKEditor 3.4.1时，开发者需要将编辑器的JavaScript和...

Global site tag (gtag.js) - Google Analytics