1、加载进这个自己写的js代码
$(function(){
if ($("textarea.editor").length) {
var editor = KindEditor.create('textarea.editor', {
resizeType : 0,
allowPreviewEmoticons : false,
allowImageUpload : false,
afterChange: function(){
this.sync();
},
items : [
'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
'insertunorderedlist', '|', 'emoticons', 'link']
});
} });
2、再引用下载下来KindEditor 4.1.7资源包里的min.js (前提是把它放到你的项目文件里面)
<script src="/resources/kindeditor-4.1.7/kindeditor-min.js"></script>
3、在页面的引用
<div class="form-group">
<div class="col-md-2 control-label"> <label for="profile_about">自我介绍</label> </div>
<div class="col-md-7 controls"><textarea id="profile_about" name="introduction" class="form-control editor" style="width:500px;height:200px;">${(user.introduction)!''}</textarea> </div>
</div>
分享到:
相关推荐
KindEditor 4.1.7 是一款功能丰富的在线文本编辑器,特别适合于网页内容的创建和编辑。这款编辑器采用UBB(Ultra-BlockBuilder)语法,它提供了类似Word的富文本编辑体验,同时也支持HTML代码直接编辑,使得用户在...
在"kindeditor-4.1.7.zip"这个压缩包中,包含了KindEditor的核心文件和必要的资源文件,用于在项目中集成和使用。以下是这个版本中可能包含的关键文件和组件: 1. **kindeditor.js**: 这是编辑器的主要JavaScript...
kindeditor 4.1.7 小金塔增强修正版 2013-06-30 修正kde输入框过矮的问题 改正了 jsp 的上传bug, 并修改上传目录为 upload/image/2013.06/... 上传文件, 将 实际文件名 作为链接显示 (修改了js和jsp) js压缩为eval...
使用方法: 1、复制kindEditor到你web工程的webContent下 2、复制struts需要的jar包和kindEditor必须jar包到lib下,因为它们的jar包邮重复,选择最新的就ok 3、如果需要后台java代码获取内容,可以在action中定义...
3. **使用KindEditor Node API或jQuery**:对于熟悉Node API或jQuery的开发者来说,也可以使用这些库的方法来获取内容。 ```javascript var html = K('#editor_id').val(); // 使用KindEditor Node API var ...
在KindEditor与ASP结合使用时,可以通过服务器端的ASP代码处理编辑器中的视频插入和播放逻辑,使网页能够与服务器进行数据交互。 在KindEditor 4.1.7中,对于FLV视频的支持可能涉及到以下技术点: 1. **HTML5与...
KindEditor 是一款功能...总的来说,掌握 KindEditor 的排版技巧,特别是在对齐方式和缩进的使用上,能够帮助你创建专业且一致的文档,提升用户的阅读体验。在日常使用中不断实践和探索,将使你更熟练地运用这一工具。
### 使用KindEditor编辑器在ASP环境中的方法及案例解析 #### 一、KindEditor简介与安装 KindEditor是一款轻量级、易于使用的富文本编辑器,适用于多种Web开发平台如ASP、PHP、Java(JSP)、ASP.NET等。它不仅支持...
在使用KindEditor时,首先需要在项目中引入其JavaScript和CSS文件。通常,这些文件可以从KindEditor的官方下载或通过CDN链接获取。引入后,你需要在HTML中创建一个用于承载编辑器的`<textarea>`元素,然后使用...
根据你的网站所使用的语言环境,选择相应的目录。将整个编辑器文件夹上传到你的网站程序目录,例如 `http://您的域名/editor/`。如果不需要其他语言版本,可以删除不必要的目录以减小占用空间。 **二、编辑器的HTML...
KindEditor的使用方式与CKEditor类似,但也有一些不同之处。KindEditor通常以独立的JavaScript库形式引入,然后通过JavaScript代码创建编辑器实例。它的配置和API略有差异,但同样提供了丰富的定制选项和插件支持。...
通过本文的介绍,相信读者已经掌握了KindEditor的基本使用方法及一些进阶技巧,能够在实际项目中灵活应用,提升用户体验。在未来,随着Web技术的不断发展,KindEditor也将持续更新,为用户提供更加完善的功能和服务...
在使用KindEditor进行图片上传时,可能会遇到"服务器发生错误"或"拒绝访问"这样的提示。这通常是因为服务器配置不正确或者权限设置不足。确保你已经正确设置了上传目录的读写权限,并且在.NET中配置了正确的MIME类型...
KindEditor 是一套开源的在线... KindEditor 使用 JavaScript 编写,可以无缝地与 Java、.NET、PHP、ASP 等程序集成,比较适合在 CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。 附带本人使用的说明书。
本说明将详细介绍KindEditor的安装、配置、使用以及常见问题解决,帮助开发者更好地集成到自己的项目中。 **1. 安装与引入** 在开始使用KindEditor前,首先需要从官方网站(http://kindeditor.net/download.html)...
### 解决KindEditor在使用验证插件下点两次才提交的问题 #### 背景与问题阐述 在web开发中,KindEditor是一款广泛使用的富文本编辑器,它提供了丰富的功能和良好的用户体验。然而,在集成某些特定插件时,可能会...
### jQuery + KindEditor 使用详解 #### 一、简介 KindEditor是一款非常强大的Web富文本编辑器,它基于JavaScript实现,并支持多种浏览器环境。KindEditor具备丰富的功能,如文本格式化、图片上传、代码高亮等,...
以下是对KindEditor使用方法及实例的详细解析。 1. **安装与引入** 在使用KindEditor之前,你需要先下载其源代码包。下载完成后,将包含的CSS、JS文件引入到你的HTML页面中。通常,需要引入`kindeditor.js`主文件...