不少网站制作者在选用ckeditor编辑器是，感觉缺少行距功能而遗憾，网上搜索资料零散，却很少有系统的例子，为此收集并整理，提供例子下载。
为ckeditor编辑器添加行距功能，添加之后的效果如下：
具体做法是添加插件：在目录&\ckeditor\plugins&下添加插件目录&lineheight&，目录&\ckeditor\plugins\lineheight&下的文件截图如下：
然后需要对\ckeditor\config.js文件进行修改，即添加行距插件：
config.extraPlugins += (config.extraPlugins&?',lineheight'
:'lineheight');
不要忘记&config.toolbar_Full = ...&ckeditor的工具栏也要添加哦
行距插件目录下载：userfiles/file/2135.rar
转载请注明来自中成网建。
订阅到阅读器：
Copyright ©
Development based on &
数据正在加载中…CKeditor编辑器是FCKeditor的升级版本想对于FCK来说，确实比较好用，加载速度也比较快以下是如果通过JS获取CKeditor编辑器的值，用于表单验证
if(CKEDITOR.instances.content.getData()==&&){alert(&内容不能为空！&);}
content是textarea的name下次发下CKeditor的配置还有上传配置，我只弄了PHP的上传
刚有个朋友反应说FIREFOX下不能判断为空，我稍微修改了下我的在FF下测试通过了，以下是JS代码function trim(str){&&& return str.replace(/(^/s*)|(/s*$)/g,&&);& }//去掉空格& var str=CKEDITOR.instances.content.getData();&& str=str.replace(&&br /&&,&&);&& str=str.replace(&&br&&,&&);&& str=trim(str);&&& if(str==&&){&&&&&&& alert(&内容不能为空！&);&&&&&&&&&& }
& 具体在使用中去组合，多谢这位朋友的提出
***************************************************************************/
eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。 (很重要的一个函数)
var cke_arr = CKEDITOR.eval(&var cke_content = CKEDITOR.instances.&+ta_id+&.getData();&);
一、使用方法： 1、在页面&head&中引入ckeditor核心文件ckeditor.js &script type=&text/javascript& src=&ckeditor/ckeditor.js&&&/script& 2、在使用编辑器的地方插入HTML控件&textarea& &textarea
你可能已经注意到， FCKeditor项目已转向下一代版本命名CKEditor的产品开发，基本上采用Fckeditor并对部分进行了重新设计和采用新技术以改善结构。最新版本是ckeditor 3.0 beta 2，这是一个全功能的测试版，它包含了我们按预期准备发布的第一个ckeditor 3.0正式版的所有功能。你现在就可以享受它令人吃惊的性能、充分无障碍和强大而可扩展的javascript AP
大家可以输入或者粘贴一些JSON数据来校验是否正确。 按Tab键自动全文缩进格式化。
JSON 编辑器 核心代码
&script type=&text/javascript&&&!-- /* main Object */ JE={ data:{},/* 关联数据 */ code:false,/* 格式化后的代码 */
1. 下载ckeditor放到网站目录下。地址：/ 引用js &script language=&javascript& type=&text/javascript& src='&%=ResolveUrl(&~/ckeditor/ckeditor.js&)%&'&&/sc
在线编辑内容的时候，那些基于 JavaScript 的编辑器帮了我们大忙，这些所见即所得（WYSIWYG）编辑器，给我们提供了类似 Office的操作体验。如今，任何网站内容管理系统（CMS）和博客系统都需要一个这样的编辑器。本文精选了10个基于 JavaScript 的编辑器，它们有的是基于 jQuery 框架，有点则不是。 MarkitUp - jQuer
function getEditorContents(){
var oEditor = FCKeditorAPI.GetInstance(&content&);
alert(oEditor.GetXHTML(true)); } //向编辑器插入指定代
　　EpicEditor 是一款可以嵌入到网页中的 JavaScript Markdown 编辑器，支持全屏编辑、在线预览、自动保存草稿，离线支持等等。对于开发人员，它提供了一个健壮的API，可以很容易定制主题并允许你灵活使用绑定的 Markdown 解析器。
在线编辑内容的时候，那些基于 JavaScript 的编辑器帮了我们大忙，这些所见即所得（WYSIWYG）编辑器，给我们提供了类似 Office?的操作体验。如今，任何网站内容管理系统（CMS）和博客系统都需要一个这样的编辑器。本文精选了5个基于 JavaScript?的编辑器，5个基于 jQuery 框架的编辑器。 MarkitUp ? jQuery
Official Website | De
在线编辑器在我们日常的项目开发中非常有用（如新闻系统），它可以方便地实现文章的在线编辑，省掉了FrontPage等工具。那么是怎样实现浏览器在线编辑功能的呢?首先需要IE的支持,在IE5.5以后就有一个编辑状态.就是利用这个编辑状态,然后用javascript来控制在线编辑的。 首先要有一个
　　最近，我需要做一个非常基本的网页内容编辑功能。我不想使用 iframe ，我也不想要一个功能特别多的复杂编辑器，只需要很基本的内容编辑功能，例如粗体，斜体，列表，对齐等等。
　　用谷歌搜索找了很久，发现所有的插件都是功能太复杂，不是我想要的。所以，我决定我自己来实现需要的编辑功能。刚开始我觉得应该要花费很多的时间，因为我想象内容编辑功能应该是很复杂的。 　　但事实
　　作为程序开发人员，我们生活的大部分时间都坐在电脑前，而在电脑中我们使用最多的软件就是代码编辑器。所以说，代码编辑器好不好用将直接影响开发人员的效率，优秀的代码编辑器能够让我们的工作事半功倍。在这篇文章中，介绍了10款功能特别的代码编辑器，你最喜欢哪个？
Aptana AptanaStudio 是基于 Eclipse 的集成式 Web 开发环境，其最广为人知的是它强大的
从CKEditor取数据时，
var data_tc = CKEDITOR.instances['txt_editor_tc'].getData();
向CKEditor设置数据时，
CKEDITOR.instances['txt_editor_sc'].setData('test');
这两句代码是在JQuery或者JS时获取CKEditor或
为什么不用textarea呢？ 1 没有高亮 2 tab键无法使用。――按tab键会切换到下个控件 3 没有代码格式化。――因为习惯了Eclipse的环境，可以使用ctrl+shift+F来代码进行格式化。 当然，我还没强大到自己实现的程度，而且用脚趾头都能想到肯定有人实现了，就看找不找得着。 经过了艰难的搜索，终于在SourceForge上找到一个叫EditArea的项目，感觉挺好。http:/
　　Trumbowyg 是一个轻量，可定制的 jQuery 所见即所得（WYSIWYG）的编辑器插件。美丽的设计，生成语义化代码，带有功能强大的 API 。编辑器和生成的代码进行了优化以支持HTML5。兼容大部分浏览器，如 IE8+、Chrome、Opera 和 Firefox 。
在线演示 &n
&span style=&font-size:14&&&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&gt
我花了一个下午的时间，自己用PHP脚本写了一个处理上传文件的脚本代码，没有做更多的安全处理，希望对大家有用。 首先，在你的config.js文件里添加如下代码：
CKEDITOR.editorConfig = function( config ) { config.filebrowserImageUploadUrl = './upload.php?type=img'; con
1、CKEditor原名FckEditor，著名的HTML编辑器，可以在线编辑HTML内容。自己人用CKEditor，网友用UBBEditor。
配置参考文档，主要将ckeditor中的（adapters、images、lang、plugins、skins、themes、ckeditor.js、config.js、contents.css）解压到js目录，然
&?php /* php Ubb代码编辑器 */ function get_ubb($ubb){ $ubb=preg_replace(&/([B])(.*)([/B])/&,&&B&\2&/B&& ,$ubb);//替换B粗体字 $ubb=preg_replace(&/([I])(.*)([/I])/&
代码段（Snippet）是可以从键盘上快速访问的代码模版。它不是代码生成器，而是一些面向常用编码模式的快捷方式。它支持字段链接，因此当修改某一处参数名称的时候就会同时更新整个代码块。另外，代码段还会自动添加项目引用和（命名空间）声明。 除去作为提高生产力的帮手外，在Visual Basic中它还充当培训工具的作用，其中包括简单如创建一个属性、一个异常类到复杂如通过串口播叫电话的一些列任务等。如果需
　　Popline 是一个基于 HTML5 实现的富文本编辑器工具栏，设计灵感来自 PopClip ，相比传统的文本编辑器工具，Popline 能够浮动在编辑的文本周围，操作起来十分方便。
本文链接：Popline：帅气的浮动 HTML5 文本编辑器工具栏 编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源
原文地址： /1092_Rich_Text_Editor_Part_I
[原文源码下载]
开发一个自己的HTML在线编辑器（一）
摘要 在本文中，Haissam Abdul Malak将给大家详细介绍如何使用javascript开发一个HTML在线编辑器，它可以应用于web应用程序中，特别是论坛，社区和博客。这个编辑器支持基于XHTML创
　　Method Draw 是一款在线 SVG 编辑器，是 SVG Edit 的一个分支。Method Draw 的目的是改进 SVG Edit 的可用性和用户体验。它移除了 line-caps/corners 等功能以提供一个简单愉悦操作体验。
不错！去试试
本文链接：Method Draw – 很好用的 SVG 在线编辑器 编译来源
这几天做的一个项目中需要在所见即所得编辑器中实现图片上传的功能，我因为比较喜欢CKEditor的界面而选择了它。虽然有跟CKEditor配合良好的CKFinder，不过这个东东的功能太复杂，简单看了下CKEdtior的文档，发现这个功能还是可以自己实现而不用借助CKFinder的。 下面代码虽然基于Yii Framework的，但是用其他框架或者语言思路却是完全一样的，有需要的童鞋可以参考一下。
编辑器KindEditor官网： http://www.kindsoft.net/
1、需要加载的JS和CSS文件为：
&script src=&kindeditor-4.1.4/kindeditor.js& type=&text/javascript& charset=&utf-8&&&/scr
刚才在论坛上看到一个童鞋分享的方法，感觉不是很全面，现在分享下我的！
PHP页面： /* 编辑器 */ include_once &../include/fckeditor/fckeditor.php&;//把编辑器引进来 $editor = new FCKeditor('content');//表单项的名称 $editor-&BasePath =
1，什么是HTML在线编辑器 顾名思义，在线编辑器就是用于在线编辑的工具，编辑的内容是基于HTML的文档。 2，HTML在线编辑器有什么用？ 因为HTML在线编辑器可用于在线编辑基于HTML的文档，所以，它经常被用于留言板留言、论坛发贴、Blog编写日志或等需要用户输入普通HTML的地方。 3，什么是DHTML DHTML是一些现有网页技术与标准的整合，通过它，网页设计可以用一种新的方式创建网页。
&script type=&text/javascript&& function check(){ var editor = FCKeditorAPI.GetInstance(&FCKEDITOR的ID&); alert(editor.EditorDocument.body.innerHTML); //输出的就是FCK文本框中的值
假设现在当前时间为7000毫秒。当时间为是去3000的值，当时取6000的值，即取xml中小于当前时间的最大值 xml文件，
&?xml version=&1.0& encoding=&utf-8&?& &catalog& &cd& &ID&2&
　　Summernote 是一个简单，灵活，所见即所得（WYSIWYG）的编辑器，基于 jQuery 和 Bootstrap 构建。Summernote所有主要的操作都支持快捷键，有一个功能强大的 API，它提供了大量的自定义选项的设计（宽，高，有效的项目等等）和功能。对于主要的脚本语言或框架（PHP，Ruby，Django，NodeJS），该项目有提供了集成示例。 &nb
方法一： 用的浏览器内部转换器实现转换，要领是动态创建一个容器标签元素，如DIV，将要转换的字符串设置为这个元素的innerText(ie支持)||textContent(火狐支持)，然后返回这个元素的innerHTML，即得到经过HTML编码转换的字符串,显示的时候反过来就可以了（实际上显示的时候不消通过转换，直接赋值在div就可以正常显示的）。
&script type=&
用过新浪微博的朋友对它的头像编辑器都有印象吧.不过人家是用flash做的. 在一个项目中,也用到了同样的东西,本来想直接用新浪微博的,但它有一部分请求路径写到FLASH里面去了,所以只好放弃. 在网上找到了jquery.Jcrop,基本满足了我的需求,但它只是简单的切割而已,还有缩略图没有生成.或许有很多人都需要这类东西吧,于是我把它封装起来了,方便其它朋友直接使用. 官方网址:http://de
CSS伪元素非常强大，它经常被用来创建CSS三角形提示，使用CSS伪元素可以实现一些简单的效果但又不需要增加额外的HTML标签。有一点就是Javascript无法获取到这些CSS属性值，但现在有一种方法可以获取到： 看看下面的CSS代码：
.element:before { content: 'NEW'; color: rgb(255, 0, 0); }.element:before { co
原文地址： /1156_Rich_Text_Editor__Part_II
[原文源码下载]
[翻译]开发一个自己的HTML在线编辑器（二）
原文发布日期： 作者： Haissam Abdul Malak 翻译： webabcd
javascrit文件
介绍 在我们一起研
我们曾介绍过 10 个基于 JavaScript 的 WYSIWYG（所见即所得） 编辑器，这些 Web 编辑器可以在线编辑和处理富 Web 内容，包括格式文本，表格，图片，媒体，链接等等，非常适合集成到 CMS 网站内容管理系统中使用。本文又搜集了 22 个 Web 在线编辑器，它们基本代表了当前 Web 编辑器的现状。
1. TinyMCE
免费，开源，轻量，基于 JavaScript，高
在大部分人眼里，技术宅给人的印象是沉默寡言，总摸不透他心里想些什么，彼此都保持距离。作为半个程序员，我觉得真正的技术宅大部分时间都在找乐子，鼓捣各种想法，和大部分人的极客心理是一样的，程序员也还爱讲笑话，也喜欢烧菜做饭，虽然大多是为了减减压，这样看来和常人没什么不一样。 不一样的地方，技术宅崇尚极致，喜欢极简，又希望简约不简单，背后就是技术宅满心思的不断的尝试，我正在看着一出好戏在上演：
　　Quill的建立是为了解决现有的所见即所得（WYSIWYG）的编辑器本身就是所见即所得（指不能再扩张）的问题。如果编辑器不正是你想要的方式，这是很难或不可能对其进行自定义以满足您的需求。 　　Quill 旨在通过把自身组织成模块，并提供了强大的 API 来构建额外的模块来解决这个问题。它也并没有规定你用样式来定义编辑器皮肤。Quill 还提供了所有你希望富文本编辑器说用于的功能，包
一个简易文本编辑器，自己学习的第一个编辑器程序，共享一下，可以学习一下。
&HTML& &HEAD& &TITLE&ubb&/tITLE& &/hEAD& &BODY& &FONT face=&&& &table width=&300& cellspa
说明：部分标签和类是封装在框架内的，其效果和html标签差不多。
&% Date d = new Date(); SimpleDateFormat sdf = new SimpleDateFormat(&yyyy-MM-dd&); %&&% UserInfo userInfo = (UserInfo) session.ge
eWebEditor除了具有前台的调用功能外，还具有很强的后台管理功能，能够对编辑器多种功能进行各种有效的自定义，具体如下：Excel工作表导入(V4.3)eWebEditor最新提供Excel工作表导入解决方案，支持Excel中图片、图表的导入并自动上传到服务器。并提供了是否使用VML格式的导入选项，如不使用VML格式，则在导入时图表将自动生成图片，并自动上传到服务器。大大方便了利用Excel办
Js获取下拉框的值和文本网上提供了2种方法：但有些人很不负责任，他们根本没考虑到浏览器之间的差异导致的错误，导致很多新手琢磨了半天找不出错误！ 下面我总结下Firefox和IE下获取下拉框选定项的值和文本： 1. IE和Firefox都支持的方法：获取文本
var obj=document.getElementById('select_template'); var text=现在很多CMS系统因为安全原因会把后台编辑器里的上传功能给去除，但这样一来对实际使用过程造成了很多麻烦，今天我们以ASPCMS系统的FCKeditor编辑器为例，说明一下如何增加图片上传功能。
1． 打开网站后台编辑器里的admin/editor/fckconfig.js这个文件
找到FCKConfig.ImageUpload = false 这句，把false改成true就行啦。
FCKConfig.ImageBrowser = 这里也同样把false改成true
看一下admin/editor/editor目录下面的filemanager文件夹是否存在，如果不在就去下载一个2.6.3版本以上的fck编辑器，把里面的filemanager文件夹复制过来。当然这里是ASP的，所以其他语言像PHP什么的文件夹可以删除。
接下来设置文件上传的路径，打开admin/editor/filemanager/connectors/asp文件夹的config.asp这个文件进行如下设置
ConfigIsEnabled = True 是否开启上传功能
ConfigUserFilesPath = &../../../../../uploads/& 文件上传目录，相对于该文件夹
这里要重点指出的ConfigUserFilesPath = &../../../../../uploads/&这里如果这样设置，我最后发现两个问题
A． ConfigUserFilesPath =
&../../../../../uploads/&这样设置虽然图片可以上传，但插入编辑器里的图片路径是有问题的，所以我试了很多次最后把它改成ConfigUserFilesPath
= &/uploads/&就可以了。如果您的网站是放在下级文件夹里也可以这样设置ConfigUserFilesPath =
&文件夹名称/uploads/&。
至于第二个问题，我感觉好奇怪，FCKeditor编辑器的图片路径会出现两个斜杠//，虽然图片也能显示，但看起来总归不舒服。请打开admin/editor/editor/
filemanager/connectors/asp文件夹里的，io.asp这个文件，请把：
function CombinePaths( sBasePath, sFolder)
CombinePaths = RemoveFromEnd(sBasePath, "/") & "/" & RemoveFromStart(
sFolder, "/")
end function
function CombinePaths( sBasePath, sFolder)
sFolder = replace(sFolder, "", "/")
CombinePaths = RemoveFromEnd(sBasePath, "/") & "/" & RemoveFromStart(
sFolder, "/")
end function
4． 最后设置上传后的图片自动改名，请打开admin/editor/editor/
filemanager/connectors/asp文件夹里的commands.asp这个文件
在文件中添加如下语句
dim rannum
dim getnewfilename
dtnow=now()
rannum=int(90*rnd)+10
getnewfilename=year(dtnow) & right("0" & month(dtnow),2) &
right("0" & day(dtnow),2) & right("0"& hour(dtnow),2) &
right("0&"& minute(dtnow),2) & right("0" & second(dtnow),2) &
sFileName = ouploader.file("newfile")name
sFileName = getnewfilename &"."&
split(ouploader.file("newfile").name,".")(1)
以上是关于ASPCMS网站系统的一点小小的改进，希望对有这方面需要的朋友有所帮助，今后我们还将关注该系统的其他问题。本文来自于
由宁波泓宇网络写作，转载请保留作者链接，谢谢。
注：相关网站建设技巧阅读请移步到频道。
作者：泓宇网络
编辑：sunsun
猜你喜欢：
最新图文资讯
站长之家专栏推荐
增值电信业务经营许可证: 闽B2-号 - 北京公安局网监中心备案号: 95号 -
(C)CopyRight 2002- Inc All Rights Reserved. 站长之家 版权所有dede ckeditor 编辑器增加代码运行框简单方法_百度经验
&&&&&&互联网
分享有回报：
dede ckeditor 编辑器增加代码运行框简单方法
可运行代HTML码功能使用说明： 解压后，直接上传 dede路径下&&include/ckeditor/plugins/templates/templates&覆盖就行
在百度网盘下载&/s/1gd7QLTD &
解压后，直接上传 dede路径下&&include/ckeditor/plugins/templates/templates&覆盖就行
然后更新缓存 查看效果
原作者：WEB前端资源网
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。
作者声明：本篇经验系本人依照真实经历原创，未经许可，谢绝转载。
第1期你不知道的iPad技巧1295次分享
第1期win7电脑那些事2194次分享
第2期新人玩转百度经验345次分享
第1期Win8.1实用小技巧1032次分享
第1期小白装大神495次分享
请扫描分享到朋友圈