小浪子哥哥，我要的是异步加载按钮样式，而不是异步上传

用户登录新用户注册

主题: 小浪子哥哥，我要的是异步加载按钮样式，而不是异步上传

作者: ibennie, 发布日期: 2013-03-22 15:32:15, 浏览数: 4081

如题！

异步加载编辑器是把编辑器后来在加载上样式的！

我想那个独立上传也是如此实现！

作者: 小浪子, 发布日期: 2013-03-22 15:58:50

恕我愚钝。不明白你的意思。加载按钮的样式，到底撒意思。

作者: ibennie, 发布日期: 2013-03-22 20:35:24

回复小浪子：

http://www.kindsoft.net/ke4/examples/dynamic-load.html

编辑器异步加载你懂吧？页面没加载 kindeditor 的 JS

当触发按钮才加载 js 和样式！！！

我希望上传按钮也可以这样！如果能实现呢？

作者: ibennie, 发布日期: 2013-03-22 22:45:44

回复小浪子：

作者: ibennie, 发布日期: 2013-03-22 23:04:50

回复小浪子：

<script charset="utf-8" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script>
$.getScript("../kindeditor.js",
	function(K) {
		K.editor({
			allowFileManager : true
		});
		K('#image3').click(function() {
			editor.loadPlugin('image', function() {
				editor.plugin.imageDialog({
					showRemote : false,
					imageUrl : K('#url3').val(),
					clickFn : function(url, title, width, height, border, align) {
						K('#url3').val(url);
						editor.hideDialog();
					}
				});
			});
		});
	}
	);
</script>
<input type="text" id="url3" value="" /> <input type="button" id="image3" value="选择图片" />

这个是我查了下资料最后写出来的！可是还是无法加载出效果！也就是点了弹不出上传！！！请问小浪子，能不能帮我修改修改？实在不懂！搞啦2天啦

作者: 小浪子, 发布日期: 2013-03-23 11:11:47

回复ibennie: 我测试没有成功。貌似必须要在异步加载是时候指定一个文本域来做编辑器。才能再加载按钮，

等老大回复你吧。。

另外。异步加载按钮。有意义吗？？只要页面加载了编辑器的js。直接：

http://www.kindsoft.net/ke4/examples/image-dialog.html

作者: ibennie, 发布日期: 2013-03-23 15:00:46

回复小浪子：

因为该按钮所在页面也是AJAX 加载进来的所以没办法直接写上JS！

不是我找茬，我自己写了个CMS 想自定义字段

选择栏目自动AJAX加载该栏目对应的字段

当中就有上传文件一功能，因此才需要异步加载！

作者: 小浪子, 发布日期: 2013-03-23 15:25:59

回复ibennie：不管是什么CMS。单独的上传文件、图片都是自己写个这样的操作。不会依靠编辑器的功能。

我自己写的程序里面也没有用编辑器的单独功能。

作者: 小浪子, 发布日期: 2013-03-23 15:27:37

单独做个上传的操作。又不是很难。要是没有用到编辑器。加载90KB的文件不是浪费吗？

作者: ibennie, 发布日期: 2013-03-24 18:18:24

回复小浪子：

最重要是自定义字段里不仅仅是有上传功能，还有带编辑器多行文本模式字段！

这样的话就不算是浪费资源加载啦

作者: 小浪子, 发布日期: 2013-03-24 19:18:25

回复ibennie：那就是了呗。。你的页面先加载编辑器的js 。等需要上传的就弄上传。

很简单的事情。其实是你想的太多了。

作者: ibennie, 发布日期: 2013-03-25 09:30:03

回复小浪子：

唉！怎么就跟你说不清楚呢

如果页面先加载JS 有效我还异步干嘛！！？

页面A 通过AJAX 调用页面B

而页面B上面有编辑器有上传按钮

问题就是页面B 动态调用的时候无法加载KINDEDITOR 的JS！

如果可以的话，我也不用兜那么大个弯子来问这么多问题！

作者: 小浪子, 发布日期: 2013-03-25 09:44:36

回复ibennie：

问题就是页面B 动态调用的时候无法加载KINDEDITOR 的JS！为什么不能加载编辑器的js文件呢？

看来你的问题太深奥了。我没办法懂你的意思。

作者: ibennie, 发布日期: 2013-03-25 13:06:47

回复小浪子：

…… 我怎么知道为什么不能加在JS

知道就不会来问了！

页面A：

$.ajaxSetup({
cache: false
});
function Get_Page(Sortid,id){
$.get("IA.asp?Sortid="+Sortid+"&id="+id,{},function(msg){//alert(msg);
$('#content_box').html(msg);
})};

</script>

<select name="SortID" id="SortID" onchange="Get_Page(this.value,0);">
<option value="0">　- 请选择栏目 -</option>
<option value="1">　1 </option>

页面B：

上传按钮一个


	<script charset="utf-8" src="Js/jquery-1.6.4.min.js"></script>

	<script>

	$.getScript('kind/kindeditor-min.js',function(){
	KindEditor.basePath = 'kind/';
	KindEditor.create('textarea[name="a5"]', {
	uploadJson : 'kind/asp/upload_json.asp',
	fileManagerJson : 'kind/asp/file_manager_json.asp',
	urlType:'absolute',
	width : '670px',
	height:'300px',
	allowFileManager : true,
	filterMode:false
	});
	});



	$.getScript('kind/kindeditor-min.js',function(){
	K.basePath = 'kind/';
	K.editor({
	allowFileManager : true,
	fileManagerJson : 'kind/asp/file_manager_json.asp',
	});
	$('input[name=upload_a6]').click(function() {
	editor.loadPlugin('image', function() {
	editor.plugin.imageDialog({
	imageUrl : K('#a6').val(),
	clickFn : function(url, title, width, height, border, align) {
	K('#a6').val(url);
	editor.hideDialog();
	}
	});
	});
	});
	});
	</script>

<tr>
	<td width="120" align="right">上传：</td>
	<td>
	<input type="text" id="a6" name="a6" value="" style="width:450px;" class="Edit_input"/> <input type="button" id="upload_a6" name="upload_a6" value="Upload" />
	</td>
	</tr>

作者: 小浪子, 发布日期: 2013-03-25 15:29:44

回复ibennie：刚才我测试了。异步加载单独上传。应该不行。。老大也不回复下。我也没办法

必须要有个文本域来创建编辑器。才能使用单独上传。

测试地址：http://blog.hulangfy.com/kindeditor/examples/test.html

这是我测试的代码：

test.html

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>Test</title>
<style>
form {
	margin: 0;
}
textarea {
	display: block;
}
</style>
<script charset="utf-8" src="jquery.js"></script>
<script type="text/javascript">
function Get_Page(Sortid, id) {
    $.get('IA.asp', {
        Sortid: Sortid,
        id: id,
        n: Math.random()
    },
    function(msg) {
        $('#content_box').html(msg);
    })
}
</script>
</head>
<body>
<h3>异步加载</h3>
<form>
  <select name="SortID" id="SortID" onchange="Get_Page(this.value,0);">
    <option value="0">　- 请选择栏目 -</option>
    <option value="1">　1 </option>
    <option value="2">　2 </option>
  </select>
  <br>
  <textarea name="a5"></textarea>
  <div id="content_box"></div>
</form>
</body>
</html>

IA.asp

<script type="text/javascript">
var editor;
$.getScript('../kindeditor.js',
function() {
    KindEditor.basePath = '../';
    editor = KindEditor.create('textarea[name="a5"]', {
        uploadJson: '../asp/upload_json.asp',
        fileManagerJson: '../asp/file_manager_json.asp',
        urlType: 'absolute',
        width: '670px',
        height: '300px',
        allowFileManager: true,
        filterMode: false
    });
    $('input[name=upload_a6]').click(function() {
        editor.loadPlugin('image',
        function() {
            editor.plugin.imageDialog({
                imageUrl: KindEditor('#a6').val(),
                clickFn: function(url, title, width, height, border, align) {
                    KindEditor('#a6').val(url);
                    editor.hideDialog();
                }
            });
        });
    });
});
</script>
<table>
  <tr>
    <td width="120" align="right">上传：</td>
    <td><input type="text" id="a6" name="a6" value="" style="width:450px;" class="Edit_input"/>
      <input type="button" name="upload_a6" value="upload" /></td>
  </tr>
</table>

作者: ibennie, 发布日期: 2013-03-25 16:32:15

回复小浪子：

这个勉强用用，二一点写法。把编辑框隐藏掉算了！

谢拉！

论坛 Forum