发布于 2017-08-20 03:33:23 | 127 次阅读 | 评论: 0 | 来源: 网友投递
KindEditor在线HTML编辑器
KindEditor是一套开源的HTML可视化编辑器，主要用于让用户在网站上获得所见即所得编辑效果，兼容IE、Firefox、Chrome、Safari、Opera等主流浏览器。KindEditor使用JavaScript编写，可以无缝的于Java、.NET、PHP、ASP等程序接合。
html代码：
<p><input type="hidden" id="url1" name="IDCardPicture1" value="" /> <input type="button" id="image1" value="选择图片" style="width: 150px;height: 30px;" /></p>
<div id="J_imageView1"></div>
JS代码：
K('#image1').click(function() {
editor.loadPlugin('image', function() {
editor.plugin.imageDialog({
showRemote : false,
imageUrl : K('#url1').val(),
clickFn : function(url, title, width, height, border, align) {
$("#licensecheck").html("");
var div = K('#J_imageView1');
div.html('');
div.append('<img src="' +url + '">');
K('#url1').val(url);
editor.hideDialog();
}
});
});
});
以上这篇Kindeditor单独调用单图上传增加预览功能的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持phperz。