KindEditor 使用方法简单介绍

通常我们写大段文字需要用到textarea标签,但是它仅仅能实现纯文字编辑,当我们需要上传的内容有文本和图片或者视频表情时,这个时候需要用到富文本插件来帮我们实现,下面开始介绍KindEditor的实现方法。


1、

下载 KindEditor 最新版本

下载页面: http://www.kindsoft.net/down.php

2、解压文件后,随便创建index.html文件,在index.html中引入


< link rel= "stylesheet" href= "themes/default/default.css">


< script src= "kindeditor-all-min.js"></ script>
< script src= "lang/zh-CN.js"></ script>

3、

KindEditor. ready( function ( K) {
window.editor = K. create( '#editor_id',{
themeType : 'simple',
allowFileManager: true,
uploadJson : '../images/', //要存放图片等文件的后台接口,
fileManagerJson : '../manager/images/',
afterBlur: function(){ this. sync();}
});
html = document. getElementById( 'editor_id').value;
window.editor. html($scope.video.describe);
});


4、页面中显示如下



猜你喜欢

转载自blog.csdn.net/qq_37705048/article/details/80183426
今日推荐