我在所有对象符号和对象文字方面都相当新。我想在帮助网站上为我的用户生成一个小插件。好吧,我遇到了一些问题。
$(function() {
var newGroup='<div class="editor-group"></div>';
easyBB = {
add: {
button: function(cmd,begin,end,tooltip) {
},
DropDown: function(cmd,name,content) {
var dropdown = '<div class="editor-dropdown sceditor-'+cmd+' />';
$('body').append(dropdown);
dropdown.append(content);
$('sceditor-button-'+cmd).on('click',function() {
if(this.style.display=="block"){
$(this).hide();
}else {
x= $(this).cmd.offsetTop;
console.log(x);
y= this.cmd.offsetLeft;
console.log(y);
dropdown.style.position="absolute";
dropdown.style.left=y;
dropdown.style.top=x;
this.show();
}
});
}
},
theme: {
dark: function() {},
light: function() {},
background: function() {},
hoverButton: function() {},
button: function() {},
border: function() {}
},
destroy: {
button: function(name) {
$('.editor-button-'+name).remove();
},
group: function() {
var $current = $();
var $group = $('.sceditor-group');
for(var i=0;i<arguments.length;i++){
$current = $current.add($group).eq(arguments[i]);
}
$current.remove();
}
},
removeWYSIWYG: function() {
easyBB.destroy.button('source');
}
};
});
基本上我希望我的用户能够做的是以下代码实现
easyBB.add.button('buttonName','[b]',false,'Title of Button');
所以现在我们有按钮名称,打开bbcode插入,false表示不需要关闭,以及工具提示。除非另有说明,否则我需要弄清楚如何将关闭设置为真。是否需要设置,或者我可以这样做:
if(end === false) {
alert('ready');
} else {
alert('done');
}
这样做不会允许我这样做......也许是因为开场被用作结束?下面的示例代码
if(closed === false){
$('#text_editor_textarea').val('['+tag+']');
} else{
$('#text_editor_textarea').val('['+tag+'][/'+tag+']');
}