Froala Editor 使用通用属性并添加自定义属性
Froala Editor use generic properties and add custom one
我有一些 Froala 编辑器输入,我想对所有输入使用通用属性,然后根据当前输入添加一些自定义属性。
为了分配 froala 对象,我使用以下代码:
new FroalaEditor('.froala-editor-inline-horari', {
toolbarInline: true,
placeholderText: 'Editar',
toolbarButtons: [
['bold', 'italic'],
['textColor', 'backgroundColor']
],
events: {
contentChanged: function () {
guardarFila(this);
}
},
spellcheck: false
});
我想使用一些通用属性作为常量,例如:
const FROALA_PROPERTIES = {
toolbarInline: true,
placeholderText: 'Editar',
toolbarButtons: [
['bold', 'italic'],
['textColor', 'backgroundColor']
],
events: {
contentChanged: function () {
guardarFila(this);
}
},
spellcheck: false
});
然后向该对象添加一些修改,例如:
events: {
initialized: function () {
this.html.set('some value');
}
所以,在这个例子中我想获得第一个对象 FROALA_PROPERTIES
加上新的 events: {...}
键。
这可能吗?
我自己回答,因为我找到了解决方案。我可以通过下一个代码添加这个键和值或函数:
FROALA_PROPERTIES.events.initialized = function () {
this.html.set('some value');
}
但是如果事件键不存在,那么我需要先创建它。
我的答案基于此网络研究:http://researchhubs.com/post/computing/javascript/add-a-key-value-pair-to-a-javascript-object.html
我有一些 Froala 编辑器输入,我想对所有输入使用通用属性,然后根据当前输入添加一些自定义属性。
为了分配 froala 对象,我使用以下代码:
new FroalaEditor('.froala-editor-inline-horari', {
toolbarInline: true,
placeholderText: 'Editar',
toolbarButtons: [
['bold', 'italic'],
['textColor', 'backgroundColor']
],
events: {
contentChanged: function () {
guardarFila(this);
}
},
spellcheck: false
});
我想使用一些通用属性作为常量,例如:
const FROALA_PROPERTIES = {
toolbarInline: true,
placeholderText: 'Editar',
toolbarButtons: [
['bold', 'italic'],
['textColor', 'backgroundColor']
],
events: {
contentChanged: function () {
guardarFila(this);
}
},
spellcheck: false
});
然后向该对象添加一些修改,例如:
events: {
initialized: function () {
this.html.set('some value');
}
所以,在这个例子中我想获得第一个对象 FROALA_PROPERTIES
加上新的 events: {...}
键。
这可能吗?
我自己回答,因为我找到了解决方案。我可以通过下一个代码添加这个键和值或函数:
FROALA_PROPERTIES.events.initialized = function () {
this.html.set('some value');
}
但是如果事件键不存在,那么我需要先创建它。
我的答案基于此网络研究:http://researchhubs.com/post/computing/javascript/add-a-key-value-pair-to-a-javascript-object.html