黑松山资源网 Design By www.paidiu.com
对于网页编辑器对做项目的时候是非常的又用的一个编辑器,大大的减轻了开发人员的负担,感觉KindSoft是一个不错的选择,因此也在不断的使用。
下面对一些简单的配置进行归纳一下:
首先是将下载的KindSoft文件导入到项目的目录下;
复制代码 代码如下:
<script src="/UploadFiles/2021-04-02/kindeditor-all.js"><script src="../Content/kindeditor-4.1.4/lang/zh_CN.js">
这两个引用在xx.aspx文件的Head部分
然后插入下面的一段代码:
复制代码 代码如下:
<script>
var editor;
KindEditor.ready(function(K) {
editor = K.create('#tbContent');
});
</script>
tbContent是要嵌入的Input标签的id值,呵呵嘿嘿、、惊喜就出现了;如下图所示:
但是如果要进行图片、flash或者视频的上传的话,你就会很郁闷了,很多时候都会因为上传路径不对而出错,因此你需要设置你的图片、flash或者视频文件的路径;只需将上面一段代码改为如下部分则可以满足基本的需求了:
复制代码 代码如下:
<script language="javascript" type="text/javascript">
KindEditor.ready(function (K) {
K.create('#tbContent', {
uploadJson: '../Content/kindeditor-4.1.4/asp.net/upload_json.ashx',
fileManagerJson: '../Content/kindeditor-4.1.4/asp.net/file_manager_json.ashx',
allowFileManager: true
});
});
上面标记颜色的部分应该根据自己的文件路径选择合适的路径;
最后就是有关编辑器中的控件并不是自己所需要的,所以你需要在如下的路径进行配置:
展开kindeditor-4.1.4,找到kindeditor.js文件,双击就去,然后找到在246页左右,就有一个Items,在之后又如下的配置参数:
复制代码 代码如下:
[
'source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template', 'code', 'cut', 'copy', 'paste',
'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',
'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
'superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '/',
'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image', 'multiimage',
'flash', 'media', 'insertfile', 'table', 'hr', 'emoticons', 'baidumap', 'pagebreak',
'anchor', 'link', 'unlink', '|', 'about'
]
参数的解释如下:
source HTML代码 preview 预览 undo 后退 redo 前进 cut 剪切 copy 复制 paste 粘贴 plainpaste 粘贴为无格式文本 wordpaste 从Word粘贴 selectall 全选 justifyleft 左对齐 justifycenter 居中 justifyright 右对齐 justifyfull 两端对齐 insertorderedlist 编号 insertunorderedlist 项目符号 indent 增加缩进 outdent 减少缩进 subscript 下标 superscript 上标 formatblock 段落 fontname 字体 fontsize 文字大小 forecolor 文字颜色 hilitecolor 文字背景 bold 粗体 italic 斜体 underline 下划线 strikethrough 删除线 removeformat 删除格式 image 图片 flash Flash media 视音频 table 表格 hr 插入横线 emoticons 插入表情 link 超级链接 unlink 取消超级链接 fullscreen 全屏显示 about 关于 print 打印 code 插入程序代码 map Google地图 baidumap 百度地图 lineheight 行距 clearhtml 清理HTML代码 pagebreak 插入分页符 quickformat 一键排版 insertfile 插入文件 template 插入模板 anchor 插入锚点
下面对一些简单的配置进行归纳一下:
首先是将下载的KindSoft文件导入到项目的目录下;
复制代码 代码如下:
<script src="/UploadFiles/2021-04-02/kindeditor-all.js"><script src="../Content/kindeditor-4.1.4/lang/zh_CN.js">
这两个引用在xx.aspx文件的Head部分
然后插入下面的一段代码:
复制代码 代码如下:
<script>
var editor;
KindEditor.ready(function(K) {
editor = K.create('#tbContent');
});
</script>
tbContent是要嵌入的Input标签的id值,呵呵嘿嘿、、惊喜就出现了;如下图所示:
但是如果要进行图片、flash或者视频的上传的话,你就会很郁闷了,很多时候都会因为上传路径不对而出错,因此你需要设置你的图片、flash或者视频文件的路径;只需将上面一段代码改为如下部分则可以满足基本的需求了:
复制代码 代码如下:
<script language="javascript" type="text/javascript">
KindEditor.ready(function (K) {
K.create('#tbContent', {
uploadJson: '../Content/kindeditor-4.1.4/asp.net/upload_json.ashx',
fileManagerJson: '../Content/kindeditor-4.1.4/asp.net/file_manager_json.ashx',
allowFileManager: true
});
});
上面标记颜色的部分应该根据自己的文件路径选择合适的路径;
最后就是有关编辑器中的控件并不是自己所需要的,所以你需要在如下的路径进行配置:
展开kindeditor-4.1.4,找到kindeditor.js文件,双击就去,然后找到在246页左右,就有一个Items,在之后又如下的配置参数:
复制代码 代码如下:
[
'source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template', 'code', 'cut', 'copy', 'paste',
'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',
'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
'superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '/',
'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image', 'multiimage',
'flash', 'media', 'insertfile', 'table', 'hr', 'emoticons', 'baidumap', 'pagebreak',
'anchor', 'link', 'unlink', '|', 'about'
]
参数的解释如下:
source HTML代码 preview 预览 undo 后退 redo 前进 cut 剪切 copy 复制 paste 粘贴 plainpaste 粘贴为无格式文本 wordpaste 从Word粘贴 selectall 全选 justifyleft 左对齐 justifycenter 居中 justifyright 右对齐 justifyfull 两端对齐 insertorderedlist 编号 insertunorderedlist 项目符号 indent 增加缩进 outdent 减少缩进 subscript 下标 superscript 上标 formatblock 段落 fontname 字体 fontsize 文字大小 forecolor 文字颜色 hilitecolor 文字背景 bold 粗体 italic 斜体 underline 下划线 strikethrough 删除线 removeformat 删除格式 image 图片 flash Flash media 视音频 table 表格 hr 插入横线 emoticons 插入表情 link 超级链接 unlink 取消超级链接 fullscreen 全屏显示 about 关于 print 打印 code 插入程序代码 map Google地图 baidumap 百度地图 lineheight 行距 clearhtml 清理HTML代码 pagebreak 插入分页符 quickformat 一键排版 insertfile 插入文件 template 插入模板 anchor 插入锚点
黑松山资源网 Design By www.paidiu.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
黑松山资源网 Design By www.paidiu.com
暂无评论...
更新日志
2024年05月20日
2024年05月20日
- 群星《爱情101情歌101延续篇 牵动心灵的情歌》6CD[WAV+CUE][4.2G]
- 【原神】璃月特产“人间美味”绝云椒椒的收集(58)
- 无相之草BOSS怎么打?无相草打法攻略
- 须弥沙漠地灵龛在哪?地灵龛位置详细介绍
- 群星.2024-生活在别处的我电视原声带【环球】【FLAC分轨】
- 陈雷.1996-最佳男主角【金圆唱片】【WAV+CUE】
- 苏妙玲.2019-WAN【天娱传媒】【FLAC分轨】
- 完美的人 A Man In Full
- 我们的生物世界 Our Living World
- 雷普利 Ripley
- 燕云十六声卷二烈言所有宝箱位置一览
- 崩坏星穹铁道神秘人交给你的线索位置大全
- 少年西游记2众生轮回活动攻略 2个玩法解析
- 出发吧麦芬古遗迹上的幽影试炼怎么过 古遗迹上的幽影阵容打法攻略
- 出发吧麦芬三宝齐聚黄金船试炼怎么过 三宝齐聚黄金船阵容打法攻略