`
mywebcode
  • 浏览: 1071642 次
文章分类
社区版块
存档分类
最新评论

KindEditor 4.1.7的使用技巧

 
阅读更多

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

    KindEditor 4.1.7 是一款功能丰富的在线文本编辑器,特别适合于网页内容的创建和编辑。这款编辑器采用UBB(Ultra-BlockBuilder)语法,它提供了类似Word的富文本编辑体验,同时也支持HTML代码直接编辑,使得用户在...

    kindeditor-4.1.7

    在"kindeditor-4.1.7.zip"这个压缩包中,包含了KindEditor的核心文件和必要的资源文件,用于在项目中集成和使用。以下是这个版本中可能包含的关键文件和组件: 1. **kindeditor.js**: 这是编辑器的主要JavaScript...

    kindeditor 4.1.7 小金塔增强修正版 2013-06-30

    kindeditor 4.1.7 小金塔增强修正版 2013-06-30 修正kde输入框过矮的问题 改正了 jsp 的上传bug, 并修改上传目录为 upload/image/2013.06/... 上传文件, 将 实际文件名 作为链接显示 (修改了js和jsp) js压缩为eval...

    struts2+kindEditor4.1.7

    使用方法: 1、复制kindEditor到你web工程的webContent下 2、复制struts需要的jar包和kindEditor必须jar包到lib下,因为它们的jar包邮重复,选择最新的就ok 3、如果需要后台java代码获取内容,可以在action中定义...

    彻底解决asp中KindEditor编辑器无法获得提交的数据

    3. **使用KindEditor Node API或jQuery**:对于熟悉Node API或jQuery的开发者来说,也可以使用这些库的方法来获取内容。 ```javascript var html = K('#editor_id').val(); // 使用KindEditor Node API var ...

    kindeditor-4.1.7增加flv播放编码,可自动播放!asp版

    在KindEditor与ASP结合使用时,可以通过服务器端的ASP代码处理编辑器中的视频插入和播放逻辑,使网页能够与服务器进行数据交互。 在KindEditor 4.1.7中,对于FLV视频的支持可能涉及到以下技术点: 1. **HTML5与...

    KindEditor排版使用指南1

    KindEditor 是一款功能...总的来说,掌握 KindEditor 的排版技巧,特别是在对齐方式和缩进的使用上,能够帮助你创建专业且一致的文档,提升用户的阅读体验。在日常使用中不断实践和探索,将使你更熟练地运用这一工具。

    asp中kindEditor编辑器使用方法_附带实际案例

    ### 使用KindEditor编辑器在ASP环境中的方法及案例解析 #### 一、KindEditor简介与安装 KindEditor是一款轻量级、易于使用的富文本编辑器,适用于多种Web开发平台如ASP、PHP、Java(JSP)、ASP.NET等。它不仅支持...

    kindeditor的使用

    在使用KindEditor时,首先需要在项目中引入其JavaScript和CSS文件。通常,这些文件可以从KindEditor的官方下载或通过CDN链接获取。引入后,你需要在HTML中创建一个用于承载编辑器的`&lt;textarea&gt;`元素,然后使用...

    kindEditor使用说明书

    根据你的网站所使用的语言环境,选择相应的目录。将整个编辑器文件夹上传到你的网站程序目录,例如 `http://您的域名/editor/`。如果不需要其他语言版本,可以删除不必要的目录以减小占用空间。 **二、编辑器的HTML...

    CKEditor和KindEditor的使用教程

    KindEditor的使用方式与CKEditor类似,但也有一些不同之处。KindEditor通常以独立的JavaScript库形式引入,然后通过JavaScript代码创建编辑器实例。它的配置和API略有差异,但同样提供了丰富的定制选项和插件支持。...

    Kindeditor使用.pdf

    通过本文的介绍,相信读者已经掌握了KindEditor的基本使用方法及一些进阶技巧,能够在实际项目中灵活应用,提升用户体验。在未来,随着Web技术的不断发展,KindEditor也将持续更新,为用户提供更加完善的功能和服务...

    最新版KindEditor3.5.5使用攻略(.net C#),所有问题解决方法

    在使用KindEditor进行图片上传时,可能会遇到"服务器发生错误"或"拒绝访问"这样的提示。这通常是因为服务器配置不正确或者权限设置不足。确保你已经正确设置了上传目录的读写权限,并且在.NET中配置了正确的MIME类型...

    asp.net KindEditor 4.1.10 使用方法

    KindEditor 是一套开源的在线... KindEditor 使用 JavaScript 编写,可以无缝地与 Java、.NET、PHP、ASP 等程序集成,比较适合在 CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。 附带本人使用的说明书。

    kindEditor使用说明2

    本说明将详细介绍KindEditor的安装、配置、使用以及常见问题解决,帮助开发者更好地集成到自己的项目中。 **1. 安装与引入** 在开始使用KindEditor前,首先需要从官方网站(http://kindeditor.net/download.html)...

    解决kindeditor在使用验证插件下点两次才提交的问题

    ### 解决KindEditor在使用验证插件下点两次才提交的问题 #### 背景与问题阐述 在web开发中,KindEditor是一款广泛使用的富文本编辑器,它提供了丰富的功能和良好的用户体验。然而,在集成某些特定插件时,可能会...

    jquery + kindEditor使用

    ### jQuery + KindEditor 使用详解 #### 一、简介 KindEditor是一款非常强大的Web富文本编辑器,它基于JavaScript实现,并支持多种浏览器环境。KindEditor具备丰富的功能,如文本格式化、图片上传、代码高亮等,...

    kindeditor使用方法及实例

    以下是对KindEditor使用方法及实例的详细解析。 1. **安装与引入** 在使用KindEditor之前,你需要先下载其源代码包。下载完成后,将包含的CSS、JS文件引入到你的HTML页面中。通常,需要引入`kindeditor.js`主文件...

Global site tag (gtag.js) - Google Analytics