ckeditor？spckeditor下载

大家好，如果您还对ckeditor不太了解，没有关系，今天就由本站为大家分享ckeditor的知识，包括spckeditor下载的问题都会给大家分析到，还望可以解决大家的问题，下面我们就开始吧！

7 大方案,替代 CKeditor 文本编辑器

寻找替代CKeditor的WYSIWYG文本编辑器？本文为你列出全球开发者推荐的7款产品，包括ONLYOFFICE文档、Froala Editor、Tiny MCE等。下面分别介绍几款：

ONLYOFFICE文档开发者版，一款功能丰富的富文本编辑器，支持文本文档、电子表格、演示文稿的创建与编辑，同时提供格式转换、表单创建等功能。使用HTML5 Canvas和Node.js进行开发，可与SaaS或本地应用集成，高度兼容微软格式，并支持自定义程度极高，通过插件扩展编辑功能，支持白标。

Froala Editor是一款用户友好的所见即所得编辑器，提供丰富的设计区块和功能，适用于SEO、移动优化、格式处理等，支持30多种插件，API易于集成到网页应用中。专业版订阅费为每年899美元起，试用期30天。

Tiny MCE是一款灵活、可自定义的富文本编辑器，支持高级表格、嵌入媒体、目录等功能，提供实时协作和评论功能。Tiny Drive可帮助管理文件和图片，按年付费可享2个月免费，定价为每月90美元起，试用期14天。

Vev是一个无代码网页设计平台，适合非编程开发者，提供出色的网页设计功能，支持多人协作编辑文本、图片和动画。定价为每位用户每月59美元起。

ContentTools是一款开源、所见即所得编辑器，可添加到任意HTML页面，提供工具箱和检查栏进行内容编辑，支持多人协作编辑。API简单易用，是免费的开源软件。

Quill是一款免费开源编辑器，为现代网络设计，提供可扩展架构和API，支持内容访问、变更和事件，适用于所有新版浏览器，包括基本功能和多媒体插入。

Summernote是作为CKeditor替代方案的简单软件，支持快速编辑富文本，提供用于插入链接和多媒体的按钮，可自定义样式、字体和功能，集成HTML页面。

如何获取ckeditor中的内容

第一步：找到需要放置CKEditor编辑器的页面，引入CKEditor的js文件（${contextPath}是JSTL写法，请改成你自己的路径写法，绝对路径或者相对路径）：

<script type="text/javascript" src="${contextPath}/ckeditor4.1/ckeditor.js"></script>

第二步：在需要提交的form里，写一个：

<textarea>

<form id="detailForm" method="post">

<textarea id="content" name="content"></textarea>

<input type="button" value="保存" id="save" onclick="save()"/>

</form>

第三步：创建CKEditor实例。

<script type="text/javascript">

var editor= null;

window.onload= function(){

editor= CKEDITOR.replace('content');//参数‘content’是textarea元素的name属性值，而非id属性值

}

</script>

第四步：在页面js中为CKEditor编辑器设置/获取值

editor.setData('这里是需要传递给CKEditor编辑器实例的值');

editor.getData();

第五步：在后台java代码中获取CKEditor编辑器的值

<script type="text/javascript">

function save(){

editor.updateElement();//非常重要的一句代码

//前台验证工作

//提交到后台

}

</script>

各位大哥大姐,请教一个CKeditor的问题

你没配置成功

1，将ckeditor解压打开，打开_Samples，将ckeditor文件夹拷贝项目中的根目录下，把bin放在根目录下

2，将ckfinder解压，ckfinder文件夹拷贝项目中的根目录下，把bin放在根目录下，把_sample，_source，help文件夹删除掉，（注：没有用）

3，在ckeditor文件下找到config.js打开，找到

在CKEDITOR.editorCongig=function(config)

{

//填写以下内容，图片，flash路径

config.uiColor='#F7F8F9'

config.scayt_autoStartup= false

config.language='zh-cn';//中文

config.filebrowserBrowseUrl='ckfinder/ckfinder.html';

config.filebrowserImageBrowseUrl='ckfinder/ckfinder.html?Type=Images';

config.filebrowserFlashBrowseUrl='ckfinder/ckfinder.html?Type=Flash';

config.filebrowserUploadUrl='ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Files';

config.filebrowserImageUploadUrl='ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Images';

config.filebrowserFlashUploadUrl='ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash';

}；

4，在ckfinder文件下找到config.ascx文件，打开

1)把public overrider bool ChekcAuthentication(){return false;改为：return true;}

2)public overrider void SetConfig(){BaseUrl="~/ckfinder/userfiles/";}

5，在页面中head标签内写入：

<script type="text/javascript" src="ckeditor/ckeditor.js"></script>

<script type="text/javascript" src="ckfinder/ckfinder.js"></script>

如果有母版页，在母版页中写

--注：单纯的配置，6,7可以不要，但是一旦要入数据库中，就要配置6.7步骤

6，在Default.aspx页面中，写入<%@Page ValidateRequest="false"%>

7,在web.config文件中，在system.web下写<httpRuntime requestValidationMode="2.0"/>

8，在Default.aspx页面中添加<asp:TextBox ID="txtcontent" runat="server" TextMode="MultiLine" Height="503px" Width="100%" class="ckeditor"></asp:TextBox>

<script type="text/javascript">

CKEDITOR.replace('<%= txtcontent.ClientID%>',{ skin:'kama'});

</script>(用ckfinder文件下skins文件下kama文件下的，skin.js，样式)

如何在网页中引用 ckeditor 富文本

ckeditor是一款非常有名的富文本编辑器。它可以填写文字、插入图片、视频、Excel等富媒体信息，也可以在源码方式下填写内容，在各个网站中应用非常广泛。本文说一说如何在网页中引用我们已经下载好的 ckeditor文件。

下载完成后将整个 ckeditor文件包放在网站的目录结构下面，在需要引入 ckeditor的网页中添加如下三句即可：

ckeditor.js是 ckeditor文件包中的 js文件。

<textarea name="content"></textarea>

<script type="text/javascript" src="ckeditor.js"></script>

<script type="text/javascript">

CKEDITOR.replace('content');

</script>

这么三句即可成功引入 ckeditor富文本编辑器，你可以试试哦，接下来只要在网页中添加 form表单等等其它元素，即可实现富文本添加自己想要的内容。