Javascript 无法在窗口小部件中保存图像
我不太了解撇号,但我尝试创建一个自定义小部件。我希望我的小部件中有三个字段:Javascript 无法在窗口小部件中保存图像,javascript,html,node.js,nunjucks,apostrophe-cms,Javascript,Html,Node.js,Nunjucks,Apostrophe Cms,我不太了解撇号,但我尝试创建一个自定义小部件。我希望我的小部件中有三个字段: 标题(字符串) 说明(字符串) 形象 我还没有找到一种方法在widget as字段中添加图像 现在,我在小部件中添加了一个单例,它工作得很好。但当添加图像时,它会显示在页面上,但当我重新加载页面时,图像就消失了 Mywidget.htmlcode {{data.widget.heading} {{data.widget.desc} {{apos.singleton(data.page,'jumbotroPic','撇
widget.html
code
{{data.widget.heading}
{{data.widget.desc}
{{apos.singleton(data.page,'jumbotroPic','撇号图像'{
限额:1,,
尺寸:'满'
}) }}
我在控制台上看到了以下内容
$node app.js
警告:未提供会话机密,请设置会话的'secret'属性
`session`app.js中撇号express模块的属性
警告:内容中存在小部件类型文本,但未配置
警告:内容中存在小部件类型文本,但未配置
我没有看到数据/地址文件,默认为地址0.0.0.0
我看不到数据/端口文件,默认为端口3000
收听0.0.0.0:3000
警告:内容中存在小部件类型文本,但未配置
警告:内容中存在小部件类型文本,但未配置
警告:内容中存在小部件类型文本,但未配置
警告:内容中存在小部件类型文本,但未配置
我的小部件javascript代码是:
module.exports={
扩展:'撇号小部件',
标签:“Jumbotron”,
添加字段:[
{
name:'标题',
键入:“字符串”,
标签:'标题',
必填项:true
},
{
名称:'desc',
键入:“字符串”,
标签:“说明”,
必填项:true
}
],
构造:函数(自身、选项){
var superPushAssets=self.pushAssets;
self.pushAssets=函数(){
超级资产();
pushesset('stylesheet','jumbotron',{when:'always'});
};
}
};
您可以像这样将图像小部件添加到小部件的架构中
{
name: 'image',
label: 'Jumbo Image',
type: 'singleton',
widgetType: 'apostrophe-images',
options: {
limit: 1,
}
}
只需将其粘贴到addFields
数组中即可
谢谢你试用撇号 好的,我在这里找到了整个解决方案: 以下是我的小部件模式:
module.exports={
扩展:'撇号小部件',
标签:“Jumbotron”,
添加字段:[
{
名称:'标题',
键入:“字符串”,
标签:'标题',
必填项:true
},
{
名称:'desc',
键入:“字符串”,
标签:“说明”,
必填项:true
},
{
名称:'图像',
标签:“巨型图像”,
类型:'singleton',
widgetType:“撇号图像”,
选项:{
限额:1,,
}
}
],
构造:函数(自身、选项){
var superPushAssets=self.pushAssets;
self.pushAssets=函数(){
超级资产();
pushesset('stylesheet','jumbotron',{when:'always'});
};
}
};
这是我的小部件html代码
{{data.widget.heading}
{{data.widget.desc}
{{
apos.singleton(
data.widget,
“图像”,
“撇号图像”,
{
编辑:false
}
)
}}
摘自