pc端用kindedior富文本一切正常,转到手机上发现上面的按钮都不能点击
后来查资料发现是默认源码格式,网上没找到解决方法。
只好去看看js源码了。
用关键词“source“ 搜一下,大概有三处地方可能有用
1. noDisableItems:["source"]
这个是控制源码格式下,哪些按钮还能显示出来点击的,
改成noDisableItems:["source","fullscreen","justifyleft", "justifycenter", "justifyright", "emoticons", "image", "link"],
发现是可以点击了,但是事件没触发<img alt="发火" src="http://static.blog.csdn.net/xheditor/xheditor_emot/default/angry.gif" />
2.
b.clickToolbar("source",function(){b.edit.designMode?(b.toolbar.disableAll(!0),b.edit.design(!1),b.toolbar.select("source")):(b.toolbar.disableAll(!1),b.edit.design(!0),b.toolbar.unselect("source"),_GECKO?setTimeout(function(){b.cmd.selection()},0):b.cmd.selection()),b.designMode=b.edit.designMode})
source按钮的点击事件,b.edit.designMode这个应该是初始化按钮以及其他属性的。b.toolbar.disableAll(!0) 这个是控制按钮点击事件是否出发的,找到了,后面的b.edit.design(!1),b.toolbar.select("source"))跟着改就行了。
代码如下:
var editor;
KindEditor.ready(function(K) {
editor = K.create('textarea[name="activityDetails"]', {
width : "96%",
height : "200px",
resizeMode : 1,//编辑器只能调整高度
uploadJson : getRootPath() + '/UploadServlet',
allowFileManager : true,
allowImageRemote : false,
items : ["source","emoticons", "image"]
});
editor.toolbar.disableAll(0);
editor.edit.design(1);
editor.toolbar.unselect("source");
});
运行调试,OK了。不要“source”按钮的,editor.toolbar.unselect("source");这个就不用了,只是控制source按钮(未)选中样式的
3.b.afterCreate(function(){b.designMode||b.toolbar.disableAll(!0).select("source")})
富文本初始化后运行的,看来是b.designMode 出错了,就运行了后面那个。
换成b.afterCreate(function(){b.designMode})这个应该也是可以的,有兴趣的可以试试。
本来想发在kindeditor官网论坛的,竟然没法注册登录,我也是服了。。。
又发现上传那个弹窗样式有问题,太宽了,这个只能改源码,设成百分比宽度了。